# Type and color system from scratch

Recipe · Design recipes · RC12

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

```text
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
```

Source: https://www.atlasscope.dev/prompts/type-and-color-system-from-scratch