Typography
Quick links
Typography is a key component of our brand identity, contributing to our distinctive look and feel. When applied consistently across all communications it plays a vital role in communicating our characterful and ownable brand.
Athletics
Our primary typeface is called Athletics. We use it to lead all our external and internal communications for headlines and pull-copy. Its unique features make for a distinct and modern brand asset.
Athletics supports Latin and Cyrillic languages and is available in print and digital font files. We use Athletics in two weights, Athletics Regular and Athletics Bold, with each weight available in italics.
Inter
Inter supports Latin and Cyrillic languages and is available in print and digital font files. We use Inter in two weights, Regular and Semi Bold.
Inter supports Athletics to do the heavy lifting. Its is used when pure functionality is needed to deliver body copy, small text and legal copy.
Using type
For consistency and to protect the readability of our written words we follow some simple typographic principles.
Alignment
Where possible we left align text for optimum readability. This setting is particularly useful for content-heavy documents.
Tracking and Leading
To ensure letter spacing is not too spacious or too tight, tracking should be set to 0 with an optical setting. Leading for body copy should be set between 120%–130%. Large headlines can be set tighter due to their scale.
Sentence case
To keep our communications clear, friendly and as readable (and therefore accessible) as possible, we do not set copy in capital letters.
Type Sizes
To create an effective hierarchy, make sure to limit the number of type sizes used. Where possible, no more than three type sizes are used within any one layout.
Creating hierarchy
Here we have four easy ways to create a clear hierarchy with type treatments. It’s recommended that no more than two treatments are to be used at once within an application.
Highlight
Applying our intelliflo yellow as a highlight device will make information stand out. Do not use this approach in body copy.
Scale
The scaling and positioning of content affects the order in which it is read. Like headlines in a newspaper, larger text appears closer and more immediate, grabbing our attention first. Do not use this approach for body copy.
Weights
Utilising the weights available allows you to highlight specific pieces of information without resorting to colour or scale. This enables more subtle highlights and works really well in body copy.