Base design system
Establish consistent UI foundations across a product ecosystem. Unify diverse experiences with a comprehensive framework covering styles, expression, content, and accessibility.
Base design system provides the foundational elements for user interfaces throughout Uber's extensive ecosystem of products and services. It serves as a unified framework, bringing consistency and coherence to all Uber experiences. This system ensures that whether you're using a rider app, a driver tool, or an internal platform, the interface feels familiar and intuitive.
Key areas covered by Base include:
- Styles: Comprehensive guidelines for color, typography, spacing, iconography, layout, and elevation.
- Expression: Principles for illustration, photography, and motion design, including transitions, to create engaging experiences.
- Content Design: Detailed guidance on voice, tone, grammar, terminology, and writing for various components, ensuring clear communication.
- Product Inclusion: A strong focus on accessibility, with resources for alternative text, building accessibility-first products, and designing for mobile screen readers.
By standardizing these core components, Base enables teams to develop high-quality, recognizable, and accessible user interfaces more efficiently, fostering a cohesive brand identity across all touchpoints.
Untitled UI React
Untitled UISimilar to Base design system:
Unify product experiences. Design and build faster.
Company
Build consistent user experiences with a comprehensive set of assets and guidelines. Accelerate design and development, ensuring brand cohesion across products.
Your smartest starting point for any design project.
Figma
Build stunning designs in Figma with a premium UI kit. Get 7,500+ smart components, adaptive variables, a slots feature, and one-click dark mode.
Build accessible UIs with total style freedom.
React
Build accessible web apps and design systems with unstyled, highly customizable UI components. Gain full styling control and ensure inclusivity.