A favicon of Base design system

Base design system

Establish consistent UI foundations across a product ecosystem. Unify diverse experiences with a comprehensive framework covering styles, expression, content, and accessibility.

Visit Base design system
A screenshot of Base design systemVisit

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.

Share:

Similar to Base design system:

Design and development perfectly aligned.
FigmaReact+1 more
Achieve consistent UI and quick development with flexible React components styled with TailwindCSS. Offers easy integration and Figma alignment for seamless workflows.
Craft beautiful enterprise UIs with flexible React components.
React
Build enterprise-grade applications using a vast library of high-quality React components. Offers dynamic styling, flexible theme customization, and improved performance.
Build accessible React UIs faster.
React
Develop accessible web applications and UI libraries with an open-source React component toolkit. Features copy-paste ready components for faster development.

Command Menu