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:

AI-powered website design & build, done faster.
FigmaReact+1 more
Design and build websites faster with AI. Instantly generate sitemaps, wireframes, and style guides. Export to Figma, Webflow, and React.
Craft beautiful, scalable products, faster.
FigmaReact+1 more
Accelerate product development with professionally crafted React & Figma component libraries. Build scalable, themeable, and accessible UIs efficiently.
Your toolkit for crafting unified user interfaces.
CompanyFigma+2 more
Access design foundations, versatile components (Rails/React), layout tools, and developer guides for creating cohesive digital products. Supports SCSS & JS.

Command Menu