Skip to main content

Modus Styleguide

search

Modus Web Components
Modus Icons
Modus Bootstrap
Modus on GitHub

Introduction
Figma
Device Support

Accessibility
Color Palette
Dark Mode
Data Visualization
Grid & Spacing
Icon Definitions
Logo Usage
Modus 3D
Shadows & Depth
Trimble ID (TID)
Typography
User Assistance
Voice & Tone
Writing Style

Introduction
Accordions
Alarms
Badges
Buttons
Cards
Checkboxes
Chips
Dropdowns
Inputs
Lists
Messages
Modals
Navbar
Notifications
Prompts
Radio Buttons
Scrollbars
Segmented Controls
Sliders
Switches
Tables
Tabs

Introduction
Accordions
Alerts
Badges
Bottom Navbars
Buttons
Cards
Checkboxes
Chips
Inputs
Lists
Messages
Modals
Progress Bars
Radio Buttons
Scrollbars
Segmented Controls
Sliders
Spinners
Switches
Tables
Tabs
Toasts
Top Navbars

Introduction
Backplates
Buttons
Cards
Lists
Menus
Modals
Sliders
Tooltips

News & Articles
How to Contribute
Tiger Teams
Contribution Process
Submission Guidelines
Modus Adoption
GitHub Discussions

Developers

Modus Web Components

Modus Web Components

Recommended

Modus Web Components (Angular)

Modus Web Components (Angular)

Recommended

Modus Web Components (React)

Modus Web Components (React)

Recommended

Modus Bootstrap

Modus Bootstrap

Last updated July 12, 2024.

Was this page helpful?

Thanks for your feedback!

Please, provide feedback about how we can improve the page. Thank you!

Copyright © 2025, Trimble Inc.

Privacy Center - Terms of Use