Modus Styleguide

search

Modus Web Components
Modus Icons
Modus Bootstrap
Modus on GitHub

Introduction
Figma
Adobe XD
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
Submissions Status
Modus Adoption
Contact Us
GitHub Discussions

Designers

Rapidly build beautiful and accessible experiences. The Modus kit contains all assets you need to get started.

Figma Library

Figma Library

Adobe XD Library

Adobe XD Library

Was this page helpful?

Thanks for your feedback!

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

Copyright © 2023, Trimble Inc.

Privacy Center - Terms of Use