Pattern library · 01—05
Accessible, by
design.
A small collection of familiar interface patterns, built with care for keyboard users, assistive technology, and the details in between.
Modal dialog
A focused moment for decisions that need your attention.
Live example
Tabs
Related content, grouped in a concise and predictable switcher.
Live example
Your workspace
A clear view of what matters.
Bring projects, people, and useful updates together in one calm, considered space.
Explore the patternsPeople & access
Good work is a team effort.
Invite collaborators, choose their access level, and keep every contributor in the loop.
Learn about accessMake it yours
Set up a rhythm that fits.
Fine-tune your notifications and display preferences to make this workspace feel like home.
Review preferencesAutocomplete
A searchable list that keeps focus exactly where you expect it.
Live example
Type to filter · use ↑ and ↓ to browse suggestions.
Accordion
Disclosure rows that let you reveal only what you need.
Live example
Accessible patterns pair clear semantics with thoughtful behavior: meaningful names, visible focus, and interactions that work with a keyboard and assistive technology.
See the dialog patternYes. Each disclosure is independent, so opening one never closes another. This is useful when people need to compare details across sections.
Explore tabs, tooAll motion respects your system preference. When reduced motion is enabled, transitions and animations become effectively instantaneous.
Back to the beginning