Typography
Typography is like body language: a simple sign has a lot of hidden meaning. Typography is an identity by itself, and it should be treated delicately.
Download fonts
Primary font
Uncut Sans
Uncut Sans is used for all large and medium headlines as well as body text. It's a neat and flexible font with modern features.
Examples
Uncut Sans in headline and subtitle.
Primary blue is used to highlight a phrase in the title.
Do not highlight words that are not connected within a sentence.
It's best to align longer body texts, more than one sentence, to the left. This helps with legibility.
Title is aligned to the left with the body text.
Title is center aligned with short subtitle.
One word is highlighted.
It's not necessary to highlight words or phrases in titles, they can also be fully white.
Text should never be in UPPERCASE, always in lowercase.
Secondary font
JetBrains Mono
JetBrains Mono is used for small details, like buttons, short support titles or tags. The text should not be more than three words.
JetBrains Mono is always written in UPPERCASE with added space between letters, and always placed inside a rectangle with rounded corners.
Examples
It's important to have correct spacing around the text when it's placed inside a stadium shape.
The space above and below the text should be the same as the text's height.
The space around the text is too big.
JetBrains Mono should never be written in lowercase.
JetBrains Mono can be used inside larger text boxes as a short title. In these cases it is not necessary to put it inside a stadium rectangle, the large text box serves the same purpose.
JetBrains Mono should never be used in long sentences.
JetBrains Mono should not be used without coloured rectangles.