Tokens

Design

Everything here is a variable in app/assets/css/tailwind.css. Change it there and the whole site follows.

Palette

--background

--card

--secondary

--muted

--border

--foreground

--muted-foreground

--primary

--trim

--destructive

--key-white

--key-black

--key-highlight

--key-pressed

--key-edge

Body text with a bold thing to remember, sized for reading on a phone propped on the music stand.

Eyebrow label

Figures 1234567890 line up in columns.