deckee
Design system
Tokens and components for the Deckee UI, based on the rangle.io brand: signature red, ink, and warm neutral surfaces.
Color
primary
#e5342a
secondary
#1f1f1f
cream
#f1eee6
mist
#e1e9ee
muted
#f5f5f5
destructive
#e40014
Typography
Display / 48
Heading 1 / 30
Heading 2 / 24
Heading 3 / 18
Body / 16 — Rangle helps companies ship digital products faster.
Small / 14 — Secondary copy and supporting text.
Mono / 14 — kilter up && pnpm dev
Buttons
Badges
PrimarySecondaryOutlineCreamMist
Cards & forms
Get in touch
A sample form using the input, label, and textarea components.
Featured
Surface tints
Cream and mist surfaces give sections a warm, editorial feel — a signature of the Rangle brand.