Design system

Car makers can customize their UIs to work well on a car screen through strategic choices of color, typography, and other visual elements.

Color

Provides a driving-optimized color palette and gradients, plus guidance about contrast, day and night color modes, and more

Layout

Discusses the methods used to adjust car makers’ layouts to car screens of various widths and heights

Motion

Provides guiding principles for when to use motion – and when not to use it – in an automotive context

Shapes

Provides guidance for using corner radius to emphasize the importance of some screen elements relative to others

Sizing

Provides guidance for sizing and positioning icons and touch targets to make them easy for drivers to see and touch

Typography

Provides a typographic scale and reference grid, plus guidance for using type sizes and styles that minimize cognitive load on drivers