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.


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


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


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


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


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


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