...
Roboto regular (font-weight:400)
Roboto medium (font-weight:500)
Roboto black (font-weight:700)
Alternative fonts: Helvetica Neue, Helvetica, Arial
...
Body paragraph line height is 1.4287
Font Size & Colour
Use Relative Units <html>(62.5%)
| Desktop | Mobile/Tablet | Colour |
Paragraph, Top navigation & I want to menu (first level) | 18px on large screens | 16px on small screens | Black |
Top navigation (second level), Breadcrumb, Right Navigation (In This Section, Related Information, Contact Us), Footer Filter | 16px | Black | |
Photo caption, Disclaimer | 14px | Grey (#737373) | |
H1 | 36px | 32px | Black |
H2 | 28px | 26px | Black |
H3 | 22px | Black | |
H4 | 19px | Black | |
H5 | 18px | Black | |
Accordion panel heading H2 | 22px | Black |
...
Spacing
Margin
Margin-Xsmall | 10px | Paragraph bottom |
|
Margin-Small | 20px | Button, Panel box in form, Table |
|
Margin-Medium | 30px | Accordion top, Call to Action bottom, Highlighted Content bottom, Tile, Bullet menu, Banner image bottom | Default? |
Margin-Large | 40px | Tab top & bottom, Accordion bottom |
|
None | 0 | Call to Action top, Highlighted Content top |
|
...