Choose language
Brand Guidelines
Updated: March 06, 2026

Typography

Our headline font is REM. The main headlines weight will be SemiBold or 600. Different weights can be used is the creative execution calls for it but please always use Semi Bold as your first option.

Our complementary font is Lato. We use it for body text, CTAs, quotes, etc.
Weights we use:

  • Regular
  • Medium
  • Bold

REM

Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
REM
Weight: 100
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
REM
Weight: 100
Style: Italic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
REM
Weight: 200
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
REM
Weight: 200
Style: Italic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
REM
Weight: 300
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
REM
Weight: 300
Style: Italic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
REM
Weight: 400
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
REM
Weight: 400
Style: Italic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
REM
Weight: 500
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
REM
Weight: 500
Style: Italic
Usage
<link href="https://fonts.googleapis.com/css?family=REM" rel="stylesheet" type="text/css">
CSS Snippet
font-family: 'REM', sans-serif;

Lato

Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Lato
Weight: 100
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Lato
Weight: 100
Style: Italic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Lato
Weight: 300
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Lato
Weight: 300
Style: Italic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Lato
Weight: 400
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Lato
Weight: 700
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Lato
Weight: 700
Style: Italic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Lato
Weight: 900
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
Lato
Weight: 900
Style: Italic
Usage
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
CSS Snippet
font-family: 'Lato', sans-serif;

Colours with typography

In general, it's best to use white for most of your text on our Blackened background colour. Pure white provides clear contrast and is easy to read. It also resonates with the tone of voice being straightforward and is essential to creating a distinct brand expression that people will recognise. However, there are cases where adding colour can be helpful.

 

Here's how to use colour in typography:

 

Default colour

Use white for most of your body copy as well as headlines. It's easy to read and keeps things consistent on our Blackened background.

 

Colour use to accentuate

The red doodle underlines accentuate the white text on a dark background. Use these sparingly as the red is also used in main CTAs.

 

Designs and assets with a white background

At times a while background could be called for. Please use black copy as body text. Your headlines can be Blackened, Midnight or Cherry.

Menu & Top Hero

Example: headline, body text and CTAs

Alternative Header section

Example of an alternative hero section where white is used for the background color. Use this only in extreme emergency cases.