Design
Every value here is read live from src/styles/global.css. Edit it there and this page follows.
Colour
-
--color-bg— page background -
--color-surface— raised surfaces, cards -
--color-ink— body text -
--color-muted— secondary text -
--color-accent— links, buttons -
--color-border— hairlines
Type scale
-
--text-sm— captions, metadata -
--text-base— body -
--text-lg— h3 -
--text-xl— h2 -
--text-2xl— h1
Spacing
-
--space-1 -
--space-2 -
--space-4 -
--space-8 -
--space-16
Components
Card
A card. Surface colour, a hairline border, one radius.
Button
Form controls