Color
One neutral ramp and one accent. Every token has a semantic alias, so product code never references a raw hex.
50
200
400
600
800
950
accent.50
accent.500
accent.800
Typography
Geist for interface text, Geist Mono for numbers and code. Five sizes, two weights.
display / 48Display
title / 28Title
heading / 20Heading
body / 16Body text sits at sixteen pixels with a comfortable line height.
caption / 13Caption and helper text.
Button
Four variants, one shape. Icons go on the trailing side only.
<Button variant="primary">Primary</Button>
<Button variant="danger">Delete</Button>Input
Label above, helper below, error replaces helper. Focus ring is two pixels, never a glow.
We only use this to send your receipt.