Typography
One family, Inter, at a short scale. Headlines tighten their tracking, interface text sits at 13 to 14px, and numbers use tabular figures so they do not jump while counting.
Sans
Aa
Inter
--font-sans: "Inter", ui-sans-serif, system-ui
Type scale
Sizes, line heights and weights used across blocks and components.
Display
- Size
- 60px
- Line
- 1
- Weight
- 600
- Track
- -0.025em
text-6xl font-semibold tracking-tight · 3.75rem · Landing heroes
Heading 1
- Size
- 48px
- Line
- 1
- Weight
- 600
- Track
- -0.025em
text-5xl font-semibold tracking-tight · 3rem · Block headlines
Heading 2
- Size
- 36px
- Line
- 2.5rem
- Weight
- 500
- Track
- -0.025em
text-4xl font-medium tracking-tight · 2.25rem · Page titles
Heading 3
- Size
- 30px
- Line
- 2.25rem
- Weight
- 500
- Track
- -0.025em
text-3xl font-medium tracking-tight · 1.875rem · Big numbers
Heading 4
- Size
- 24px
- Line
- 2rem
- Weight
- 500
- Track
- 0
text-2xl font-medium · 1.5rem · Section titles
Title
- Size
- 18px
- Line
- 1.75rem
- Weight
- 500
- Track
- 0
text-lg font-medium · 1.125rem · Card titles
Body
- Size
- 16px
- Line
- 1.5rem
- Weight
- 400
- Track
- 0
text-base · 1rem · Paragraphs
Revenue grew 18% this quarter
- Size
- 14px
- Line
- 1.25rem
- Weight
- 400
- Track
- 0
text-sm · 0.875rem · Components, tables, inputs
Revenue grew 18% this quarter
- Size
- 12px
- Line
- 1rem
- Weight
- 400
- Track
- 0
text-xs · 0.75rem · Axis labels, badges
Numbers
Data uses tabular-nums so columns align and counters stay steady.
Proportional
$1,111.11
$9,808.40
Tabular
$1,111.11
$9,808.40