Foundations

Typography

One typeface, Archivo, standing in for Univers. Light at display sizes, regular for reading, medium for labels. No monospace, no all caps.

Scale

--type-display

300 64px/1.1 'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif

Less, but better

--type-h1

300 40px/1.1 'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif

Less, but better

--type-h2

400 28px/1.25 'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif

Less, but better

--type-h3

500 22px/1.25 'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif

Less, but better

--type-body

400 15px/1.5 'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif

Less, but better

--type-body-s

400 13px/1.5 'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif

Less, but better

--type-label

500 11px/1.2 'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif

Less, but better

--type-button

500 13px/1 'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif

Less, but better

Rule
Sentence case	Everywhere, including buttons and labels.
Tabular numerals	Wherever numbers change or line up.
Light for big	Display, H1 and big screen numbers are 200–300.
Labels	11–13px, medium, printed under controls.