Typography

Our typographic system is based on simple rules that prioritise legibility. It's clear. It's bold. It gives opportunities to be very expressive.

Fonts

We use three fonts for the design of digital and print products.

Text example set in the font Barlow — **Barlow**
We use Barlow as our main font for print and interface design. It is used for both long-form text and headings.

Text example set in the font Barlow Condensed — **Barlow Condensed**
We use Barlow Condensed as a display font. Use it for short and sweet headlines, usually to celebrate or promote something.

Text example set in the font Franziska Pro — **Franziska Pro**
Fransika Pro is used for text and quotes that should stand out.

Text styles

We use a predefined selection of text styles for our digital products. These design tokens can also be used for print design.

Display text

Use for titles, lead-ins, or at the beginning of a larger section. Use sparingly and only for short texts!

Headlines

Headings give structure to the design and allow us to visually distinguish sections from one another.

Longform body text

Barlow is our standard font. Unless you want to be particularly expressive, you should use Barlow. To increase the contrast of the font, use Barlow Medium for body text.

You should always align text in Barlow to the left or center it. Keep the line length between 50 and 60 characters.

Italics or bold text can be used to highlight text passages. Avoid double formatting (bold and italics), and don’t mix up different treatments too close together.