Typography
- Name: Roboto Medium, 14sp, #FFFFFF
- Email address: Roboto Regular, 14sp, #FFFFFF
- List item: Roboto Medium, 14sp, 87% #000000
- Subheader: Roboto Medium, 14sp, 54% #000000. Aligns to the 16dp keyline.
Keylines and margins
Icons align at screen left and right margins: 16dp
Icon values: 54% #000000
Content associated with an icon or avatar left margin: 72dp
Side nav width: Equal to the screen width minus the height of the action bar. In the example shown this is 56dp from the right edge of the screen. The maximum width of the nav drawer is five times the standard increment (56dp on mobile and 64dp on tablet).
Use 16dp horizontal margins on mobile and 24dp on tablet
Vertical spacing
- Status bar: 24dp
- Subtitle: 56dp
- Space between content areas: 8dp
- Subtitles and list items: 48dp
Add 8dp padding at the top and bottom of every list grouping. One exception is at the top of a list with a subheader, because subheaders contain their own padding.