App · Typography
Text Sizing System
Inter is our system font. The scale below covers everything from large display moments down to the smallest captions, with weights chosen for clarity at every size.
Display XL
Display XL
88 / 84 · 700 · -4%
Display XL Black
Display XL Black
88 / 84 · 900 · -4.5%
Display L
Display L
64 / 64 · 700 · -3.5%
Display M
Display M
48 / 50 · 700 · -3%
Marketing scale
For long-form marketing pages, hero sections, and storytelling layouts.
Marketing Primary
Marketing Primary
36 / 42 · 700
Marketing Secondary
Marketing Secondary
24 / 32 · 600
Marketing Tertiary
Marketing Tertiary
18 / 28 · 600
Marketing body text — the workhorse paragraph style for product descriptions and longer copy.
Marketing Body
16 / 26 · 400
Product / UI scale
The everyday styles for tables, forms, and dense product surfaces.
Primary Heading Text (H1)
Primary Heading (H1)
30 / 38 · 700
Secondary Heading Text (H2)
Secondary Heading (H2)
20 / 28 · 600
Subsection Header (H3)
Subsection Header (H3)
16 / 24 · 600 · 14%
Component Title 01
Component Title
14 / 20 · 600
Body — paragraph and table cell copy.
Body
14 / 22 · 400
Caption / Helper
Caption
12 / 18 · 400
Marketing vs product typography
Context
Use Range
Weight
Product UI
12 – 30px
400 / 600
Marketing pages
16 – 88px
400 / 700 / 900
Email & internal
12 – 24px
400 / 600