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:

Evolving toolkit for consistent UI development.
CompanyFigma+1 more
Access an evolving library of UI components, guidelines, and UX patterns to build consistent digital products. Open-source (MIT) and powered by Semrush.
Launch projects 10x faster with premium UI kits.
FigmaFramer
Accelerate your design workflow with premium UI kits for Figma and Framer. Access high-quality, customizable components, variables, and themes for faster project launches.
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.

Command Menu