Primary typeface
Our primary typefaces are one of the main ways that we communicate who we are – exceptional at what we do, but accessible to everyone. Carefully curated fonts combine geometric shapes with soft accents to indicate a sense of harmony between technology and humans.
Secondary typeface
Protokoll, Inter UI and Sabon should be used wherever possible. However, when this isn’t possible (such as when creating documents where primary fonts aren’t installed), we recommend using alternative system fonts which have been selected to closely match with our primary typefaces.
Size ratio
When resizing text across headers and body, we draw inspiration from nature and art to maintain the sense of balance.
The 1.618 golden ratio formula ensures we preserve the right proportions. All you have to do is to multiply / divide your fontsize by 1.618 to get the rough, new size. Eg if your header is 23 pt and you need a fontsize for body copy, simply divide 16 by 1.618 to get 14 pt body copy font size.
Body copy and highlights
To ensure the body copy looks readable and cohesive but not too jarring, use Inter UI Regular / Roboto Normal #595959 when displayed on white background or #999999 when displayed on black background.
If you want to highlight specific words or phrases, please use Inter UI Semibold / Roboto Bold #000000 when displayed on white background or #FFFFFF when displayed on black background.