Design system

The Android Auto UI uses color, typography, and other visual elements strategically to enhance visual clarity on car screens.

Color

Color palettes, gradients, contrast ratios, and colors for day and night

Layout

Layout design, padding, and breakpoints for all car screen sizes

Motion

Motion patterns for changing apps, navigating within apps, and performing actions

Sizing

Sizing and positioning of icons and touch targets

Typography

A typographic scale, type sizes, and styles for legibility while driving