Typography is the fastest way to change the vibe of your
product. This pairing is tuned for contrast + harmony. Use the
arrow keys to explore different vibes and let the typography
speak for itself.
—
—
Component Gallery
—
Dashboard
Weekly Growth
Clean numbers, confident headings, and readable body text
for calm UIs.
Checkout
Upgrade to Pro
Everything you need to ship faster.
$19
/ month
⚡ Instant export🔒 Private pairs✨ Templates
Form
Email
Password
Use 8+ characters
Typography
Type scale
Heading, subheading, body, caption, overline — all in one
place.
OVERLINE
Caption / helper
Section heading
Body text should stay readable at 13–16px for
dashboards and long-form screens.
Micro UI
NewBetaInvite-only
Good fonts keep small labels crisp and don’t mush
together.
Content
Release notes
Tip: Keep body at 400–500, headings at 600–800, and
tighten heading spacing slightly.
Close this panel anytime to return to the immersive view.
Tune & Export
Export snippet
Keyboard: ← prev,
→ next,
R random,
V toggle view,
Esc close.