The keypad allows users to enter phone numbers in Dialer.
Anatomy
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-anatomy-1.png?authuser=7)
2. Letter key label
Specs - Keypad
Keypad in tall screen
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-1.png?authuser=7)
Keypad in standard screen
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-2.png?authuser=7)
Keypad in short screen
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-3.png?authuser=7)
Keypad with divider
![](https://developers.google.cn/cars/design/automotive-os/components/images/keywithdivider.png?authuser=7)
Styles
Typography
Type style | Typeface | Weight | Size (dp) |
---|---|---|---|
Body 1 | Roboto | Regular | 32 |
Subtitle 3 | Roboto | Regular | 18 |
Color
Element | Color(day mode) | Color (night mode) |
---|---|---|
Primary type / icons | White | White @ 88% |
Divider line | White @ 22% | White @ 12% |
Sizing
Element | Size (dp) |
---|---|
Tertiary icon | 24 |
Touch target | 76 |
Divider line thickness | 1 |
Motion
![](https://developers.google.cn/cars/design/automotive-os/components/images/key-spec-dialing.gif?authuser=7)