Typography

Typography is a core element of the brand system. It defines tone, hierarchy, and readability across all brand communications.

Primary Font

Manrope

Neo Grotesque

2018

4 Styles

Semibold
Semibold
Medium
Medium
Regular
Regular
Light
Light

Manrope is the primary typeface used across the brand system. It is a modern, geometric sans serif designed for clarity and versatility in digital environments. Its neutral character and wide range of weights make it suitable for both editorial content and interface elements, supporting a clean and consistent visual language.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789
Aa

Hierarchy

Fit
width
Heading 1
Heading 1
40 px
Heading 2
33 px
Heading 3
28 px
Heading 4
23 px
Heading 5
19 px
Heading 6
16 px
Body
13 px
Small

Our typographic system follows a Minor Third (1.2) harmonic scale for secondary hierarchy (H2-H6) and body copy, ensuring mathematical consistency. As a technical exception, H1 employs fluid scaling relative to the canvas width to maximize visual impact; however, in web environments, it is constrained to a 900px max-width to maintain reading ergonomics, whereas in print or graphic contexts, it scales proportionally without fixed limits.

Weight Distribution

  • H1 – H2: Semibold

  • H3 – H4: Medium

  • H5 – H6: Regular

  • Body / Small: Light

Create a free website with Framer, the website builder loved by startups, designers and agencies.