Colour
Warm paper, black ink and one gold line.
Spend gold on lines, never on fills. Every swatch below switches with the Paper and Ink toggle.
Tokens
| Swatch | Token | Class | Paper | Ink | Use |
|---|---|---|---|---|---|
| --paper / background | bg-paper | #F6F3EF | #0E0D0C | Page ground | |
| --card | bg-card | #FDFCF9 | #171511 | Cards and panels | |
| --sand | bg-sand | #E7E3DC | #1F1C18 | Secondary surface, footer, table header | |
| --ink / foreground | bg-ink | #0E0D0C | #F6F3EF | Text and primary fill | |
| --on-ink | bg-on-ink | #F6F3EF | #0E0D0C | Text on primary fill | |
| --muted-foreground | bg-muted-foreground | #615D59 | #A39E96 | Secondary text, nav at rest · 5.9:1 | |
| --gold / accent / ring | bg-gold | #C6A55B | #D4B56A | Rules, numerals ≥24px, outlines, focus, mark · never small text on paper | |
| --gold-deep | bg-gold-deep | #8A6A1E | #E0C77E | Small gold text on paper: eyebrows, links · 4.6:1 | |
| --gold-soft | bg-gold-soft | #E4CF9D | #3A2F18 | Hover tint, end of eyebrow rule · never text | |
| --border / input | bg-border | #D7D2CA | #2E2A24 | 1px hairline everywhere | |
| --destructive | bg-destructive | #B32925 | #E27168 | Form errors only, always with a word |
Gold on paper
Gold reaches only 2.1:1 on paper. Use gold-deep for any text under 24px.
Correct · gold-deep eyebrow01 · gold numeral at 24px
Avoid · small text in goldFails contrast on Paper. Never use it.