Foundation
Accessibility
We build Orbit to ensure all users have the most pleasant experience possible, with basic accessibility support automatically in your project by following the Web Content Accessibility Guidelines.
Border radiuses
What border radiuses are used within Orbit.
Design tokens
Design tokens store visual design attributes. They help us make our UI more consistent and support custom themes.
Elevation
Use shadows to bring the content closer to users.
Illustrations
Illustrations should support the overall message, not just be visual ornaments.
Spacing
Consistent spacing makes the interface cleared and easier to scan.
Orbit principles
How we create Orbit as an open-source design system for travel projects.
Colors
Use color to signal structure, highlight or emphasize important information or elements, and display different states.
Icons
Use icons to draw an attention to specific actions.
Typography
Typography is critical for communicating the hierarchy of content.