Typography
Inter as the default sans-serif. Sizes, weights, and line heights as CSS custom properties.
Font families
Sizes
Weights
Body styles
base / Regular
The quick brown fox jumps over the lazy dog. A clean, readable body size for most content.
sm / Regular
The quick brown fox jumps over the lazy dog. Ideal for secondary content and captions.
sm / Secondary
The quick brown fox jumps over the lazy dog. Muted text for supporting information.
xs / Disabled
The quick brown fox jumps over the lazy dog. Disabled or placeholder text.
Hero styles
4xl / Semibold
Build faster.
3xl / Semibold
A design system built for speed.
2xl / Semibold
Tokens, components, and documentation.
xl / Semibold
Clone, import, and start building.