A showcase of all theme tokens, components, and utilities.
Display / Headings
Source Serif 4
Italic variant for emphasis
Body / Paragraphs
Nunito
Clean and readable for long text
UI / Buttons
Newsreader
Elegant for buttons and labels
text-xs (12px) — Fine print and labels
text-sm (14px) — Secondary content
text-base (16px) — Default body text
text-lg (18px) — Slightly emphasized
text-xl (20px) — Subheadings
text-2xl (24px) — Section titles
text-3xl (30px) — Large headings
text-4xl (36px) — Display text
text-ink — Primary text color
text-ink-mid — Secondary, muted labels
text-ink-muted — Captions, placeholders
text-ink-faint — Disabled, decorative
text-accent — Accent highlights
text-accent-deep — Links
Description of the first step goes here.
Description of the second step goes here.
Description of the third step goes here.
section-sm — 4rem / 64px
section — 6rem / 96px
section-lg — 9rem / 144px
Inverted colors for emphasis or CTAs.