Typography

Our applications use two fonts:

Graphik

Graphik is used for all headlines, copy, and navigation throughout the app.

  • Body/Form labels: Use 400 at 14px
  • Headers: Use weights 300, 400, or 500, depending on size

Lato

Lato (weight 400) is used for numbers due to its tabular nature (the numbers are all the same width). So when viewing tabular data, it's easier to compare values or compute sums. Non-numerical text is combined with numbers and it's not possible for separate formatting, use Graphik for both.

Consolas

Consolas (weight 500) is used for representing code and code-like names.