02 / Foundations
Typography
Two type families: Geist for body and headings, Geist Mono for navigation labels, code, and dense metadata.
Families
--lex-font-monoGeist Mono
Scale
--text-xs12px--text-xs
--text-sm14px--text-sm
--text-md15px--text-md
--text-lg17px--text-lg
--text-xl22px--text-xl
--text-2xl28px--text-2xl
--text-3xl36px--text-3xl
--text-4xl46px--text-4xl
Line height
--leading-tight1.2
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
--leading-snug1.4
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
--leading-normal1.55
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
--leading-loose1.75
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
Letter spacing
LEXICON
--tracking-tighter-0.02em
LEXICON
--tracking-tight-0.01em
LEXICON
--tracking-normal0em
LEXICON
--tracking-wide0.02em
LEXICON
--tracking-wider0.06em
LEXICON
--tracking-widest0.1em
Patterns
2xl semibold tight: page titlesxl semibold tight: section titlesmd regular normal: body11px mono uppercase wider: labels, breadcrumbs, status, version chips