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
Colors
Use color to signal structure, highlight or emphasize important information or elements, and display different states.
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
Icons
Use icons to draw an attention to specific actions.
Illustrations
Illustrations should support the overall message, not just be visual ornaments
Orbit principles
How we create Orbit as an open-source design system for travel projects.
Spacing
Consistent spacing makes the interface cleared and easier to scan
Tailwind
We provide Tailwind presets that based on our tokens package.
Typography
Typography is critical for communicating the hierarchy of content.