Typography
This is Proxima Nova. Our website typeface.
Proxima Nova (2005) bridges the gap between typefaces like Futura and Akzidenz Grotesk. The result is a hybrid that combines modern proportions with a geometric appearance. A full-featured and versatile family of 48 fonts (eight weights in three widths with italics), Proxima Nova has become one of the most popular web fonts in use on thousands of websites around the world.
Type Scale
We follow a 16px baseline grid for achieving a vertical rhythm on all block-level elements in the app.
Heading One |
36px / Proxima Nova Black |
Heading Two |
24px / Proxima Nova Bold |
Heading Three |
21px / Proxima Nova Light |
Heading Four |
20px / Proxima Nova Medium |
Body Bold |
19px / Proxima Nova Bold |
Body |
19px / Proxima Nova Regular |
Paragraphs
The default body text is 16px. For optimum reading length, the paragraph width is capped at 635px.
EXAMPLE
Main section title
Sub-section title
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Small meta text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lists
EXAMPLE
- Unordered item one
- Unordered item two
- Unordered item three
- Ordered item one
- Ordered item two
- Ordered item three
- Unordered item one
- Unordered item two
- Unordered item three