Typography System
A unified type scale built on Inter, tuned for readability across dashboards, docs, and marketing surfaces.
Type Scale
text-xs · 12px
The quick brown fox jumps over the lazy dog.
text-sm · 14px
The quick brown fox jumps over the lazy dog.
text-base · 16px
The quick brown fox jumps over the lazy dog.
text-lg · 18px
The quick brown fox jumps over the lazy dog.
text-xl · 20px
The quick brown fox jumps over the lazy dog.
text-2xl · 24px
The quick brown fox jumps over the lazy dog.
text-3xl · 30px
The quick brown fox jumps over the lazy dog.
text-4xl · 36px
The quick brown fox jumps over the lazy dog.
text-5xl · 48px
The quick brown fox jumps over the lazy dog.
Font Weights
font-light · 300
Meridian
font-normal · 400
Meridian
font-medium · 500
Meridian
font-semibold · 600
Meridian
font-bold · 700
Meridian
Brand Accents
Violet accent for primary headings
Pink accent for highlights and CTAs
Gradient for hero moments