Component Library
All reusable design system components — preview & interactTypography
Text
The core typography component with 8 semantic variants: heading (bold, xl), title (semibold, base), body (13px medium — default for all UI text), caption (11px muted), label (10px uppercase bold), section-header (11px uppercase tracked), mono (10px monospace for data/logs), and metric (xl light for large numbers). Uses DM Sans + Inter for UI text and Geist Mono for code.
Heading — Bold, tight tracking
Title — Semibold, base size
Body — Default text at 13px medium weight.
Caption — Muted 11pxLabel — Tiny uppercaseSection Header — Uppercase tracked
Mono — font-mono, 10px pre-wrapped
4,218tags/sec