Typeset
Typography, dialed in
A restrained scale tuned for interfaces — tight tracking on headings, a relaxed line height for body copy.
Display
text-5xl
Design is how it works
Heading 1
text-4xl
Build once, ship everywhere
Heading 2
text-3xl
Components that feel native
Heading 3
text-2xl
Small details, big polish
Heading 4
text-xl
A scale that stays quiet
Body
text-base
The quick brown fox jumps over the lazy dog. A clean baseline keeps long-form reading effortless and calm.
Small
text-sm
Supporting text and metadata at a glance.
Caption
text-xs
Footnotes, legal, and fine print.
Mono
const shelf = await createUI()
npm install @shelf/react
Tokens
Every color resolves through a CSS variable, so themes stay consistent by construction.
Background
--color-background
Foreground
--color-foreground
Primary
--color-primary
Secondary
--color-secondary
Muted
--color-muted
Accent
--color-accent
Border
--color-border
Input
--color-input