Typography
Typographic system establishes scale, sizes and weight of text.
Typefaces
Our typeface defines the foundation of our typography system. It ensures readability, consistency, and flexibility across all applications.
Typeface
Barlow Condensed
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890'?"!"(%)[#]@/&\-+÷×=®©$€£¥¢:;,.*
Typeface
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
1234567890'?"!"(%)[#]@/&\-+÷×=®©$€£¥¢:;,.*
Typography Scale
This is our typography hierarchy, defining the full range of headings, paragraphs, labels and other text used across the system. It creates a clear and consistent type ramp to maintain readability and visual harmony.
Heading 1
Barlow Condensed • 80072px • 0.9Almost before we knew it, we had left the ground.
Heading 2
Barlow Condensed • 70048px • 1.0Almost before we knew it, we had left the ground.
Heading 3
Barlow Condensed • 70030px • 1.2Almost before we knew it, we had left the ground.
Heading 4
Barlow Condensed • 70024px • 1.2Almost before we knew it, we had left the ground.
Heading 5
Barlow Condensed • 70020px • 1.2Almost before we knew it, we had left the ground.
Heading 6
Inter • 60014px • 1.4Almost before we knew it, we had left the ground.
Paragraph
Inter • 40016px • 1.5Almost before we knew it, we had left the ground.
Subheading
Inter • 40018px • 1.6Almost before we knew it, we had left the ground.
Blockquote
Inter • 40018px • 1.6Almost before we knew it, we had left the ground.
Input Labels
Inter • 60014px • 1.4Link
Inter • 60016px • 1.5Button
Inter • 60014px • 1.4Almost before we knew it, we had left the ground.
Caption
Inter • 40012px • 1.3Almost before we knew it, we had left the ground.
Small
Inter • 40014px • 1.4Almost before we knew it, we had left the ground.
Stat Number
Barlow Condensed • 80030px • 1.1Almost before we knew it, we had left the ground.
Table Header
Inter • 60012px • 1.3Almost before we knew it, we had left the ground.
On This Page