The Android Auto UI uses color, typography, and other visual elements strategically to enhance visual clarity on car screens.
![](https://developers.google.com/cars/design/android-auto/design-system/images/color.png)
Color
Color palettes, gradients, contrast ratios, and colors for day and night
![](/static/cars/design/automotive-os/design-system/images/AR.png)
Layout
Layout design, padding, and breakpoints for all car screen sizes
![](https://developers.google.com/cars/design/android-auto/design-system/images/motion.png)
Motion
Motion patterns for changing apps, navigating within apps, and performing actions
![](https://developers.google.com/cars/design/android-auto/design-system/images/size.png)
Sizing
Sizing and positioning of icons and touch targets
![](https://developers.google.com/cars/design/android-auto/design-system/images/Type.png)
Typography
A typographic scale, type sizes, and styles for legibility while driving