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