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
  1. Ordered item one
  2. Ordered item two
  3. Ordered item three
  • Unordered item one
  • Unordered item two
  • Unordered item three