Recipe·Design recipes·RC12

Type and color system from scratch

Fonts, a palette scale and dark mode, saved so every later pass uses them.

Steps

1 /web-typography pick and pair the faces, set the type scale
2 /oklch-skill palette scale, dark mode, contrast, Tailwind tokens
3 /impeccable document save both as DESIGN.md
4 /impeccable audit check contrast and theming held up

As one prompt

Type and color system from scratch. Fonts, a palette scale and dark mode, saved so every later pass uses them.
Run these in order, and check in with me between steps:
1. /web-typography: pick and pair the faces, set the type scale
2. /oklch-skill: palette scale, dark mode, contrast, Tailwind tokens
3. /impeccable document: save both as DESIGN.md
4. /impeccable audit: check contrast and theming held up