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:

Your shortcut to accessible, high-quality UI design.
Figma
Accelerate your design workflow with a comprehensive UI kit. Features prebuilt components, styles, variables, and ensures accessibility (WCAG 2.1 AA).
Design and build cohesive GitHub interfaces.
CompanyReact+1 more
Develop consistent user interfaces and brand experiences for GitHub using a comprehensive design system with pre-built components, icons, and design tokens.
Core building blocks for your AI app's interface.
ReactTailwind CSS
Build high-quality, accessible AI interfaces with a set of customizable components. Leverages React, shadcn/ui, and Tailwind CSS for rapid development.

Command Menu