Typography
Design TokensFont families, sizes, weights, line height, and tracking — pulled from the font tokens.
Font Families
family/sans
Google sans
family/mono
Geist Mono
Font Sizes
The quick brown foxxs · 12px
The quick brown foxsm · 14px
The quick brown foxbase · 16px
The quick brown foxlg · 18px
The quick brown foxxl · 20px
The quick brown fox2xl · 24px
The quick brown fox3xl · 30px
The quick brown fox4xl · 36px
The quick brown fox5xl · 48px
The quick brown fox6xl · 60px
The quick brown fox7xl · 72px
The quick brown fox8xl · 96px
The quick brown fox9xl · 128px
Font Weights
thin100
extralight200
light300
normal400
medium500
semibold600
bold700
extrabold800
black900
Line Height
leading-312px
leading-416px
leading-520px
leading-624px
leading-728px
leading-832px
leading-936px
leading-1040px
leading-1248px
leading-1560px
leading-1872px
leading-2496px
leading-32128px
Letter Spacing
tracking-tighter-0.800000011920929px
tracking-tight-0.4000000059604645px
tracking-normal0px
tracking-wide0.4000000059604645px
tracking-wider0.800000011920929px
tracking-widest1.600000023841858px