Why Orbit
A design system foundation that stays out of your way.
Token-driven theming
Every color, type ramp, radius and motion value reads from one token file. Ship light, dark and branded themes without touching component code.
Zero dependencies
No framework runtime, no polyfills, no build step. One stylesheet and optional per-component behavior scripts.
Accessibility first
WCAG 2.2 AA contrast pairs, focus-visible rings, full keyboard paths and reduced-motion variants are built into every component.
Responsive by default
Compact, medium and expanded window size classes are handled per component, from navigation rails to carousels.
Featured components
The most used components across Orbit deployments.
Button
Filled, tonal, outlined and text buttons for the highest-emphasis actions.
Card
Surface that groups related content and actions.
Text field
Filled and outlined inputs with labels, icons and support text.
Switch
Two-state toggle for immediate settings changes.
Dialog
Modal surface for critical decisions and focused input.
Tabs
Horizontal content switcher with primary and secondary styles.
Chip
Compact element for filters, input and suggestions.
Slider
Continuous or discrete value selection along a track.
Search
Search bar with an expandable view for complex queries.
Snackbar
Transient bottom notification with an optional action.
FAB
Floating Action Button promotes the primary action of a screen.
Navigation bar
Bottom navigation between three and five top-level destinations.
Poster studies
Printable composition studies of the token system, free to download.
