Design System
Our design system is built on Inter and Orbitron typography, bold colors, and clean geometric forms that reflect the future of mobility.
Logos
Official Ride AI marks and downloads for full logo, short logo, and favicon variants.
Typography
Headings
Body Text
Web Fonts
Our design system uses two primary typefaces that work together to create a distinctive, futuristic aesthetic while maintaining excellent readability.
Orbitron
A geometric sans-serif typeface used for all headings and display text. Orbitron evokes a sense of technology and forward-thinking design, perfect for the autonomous vehicle and mobility space.
Inter
A highly legible sans-serif typeface designed for screens. Inter is used for all body text, ensuring excellent readability across all devices and sizes.
Colors
Brand Colors
Semantic Tokens
Semantic tokens represent meaning rather than specific values. This abstraction makes theming easier and ensures consistency across the application.
Spacing Scale
Based on 4px base unit
Components
Buttons
Links
Container
The standard container class provides consistent max-width and padding across all pages. It uses max-w-7xl mx-auto px-4 sm:px-6 lg:px-8