Foundation · Creator Design System

Color

Ink, paper and three greys — plus one hue: the record-red. Everything else is restraint.

Monochrome scale

Ink · Paper · Mist · Line · Silver — the whole palette is grey. Five named roles carry every surface, border and letter; colour is reserved for meaning.

Ink--fg-default · text, the near-black

Paper--bg-canvas · the page

Mist--bg-sunken · recessed panels

Line--line-default · hairlines

Silver--fg-faint · quiet metadata

the full ink ramp behind the five roles

--ink-25

--ink-50

--ink-100

--ink-200

--ink-300

--ink-400

--ink-500

--ink-600

--ink-700

--ink-800

--ink-900

--ink-950

Accent & REC red

Accent is monochrome ink; the one hue is the record-red. It marks live, active, now — the dot, the primary button, the accent word — and nothing else.

record-red ramp

--signal-50

--signal-100

--signal-200

--signal-300

--signal-400

--signal-500

--signal-600

--signal-700

--signal-800

--signal-900

the accent word

the three legal appearances of the hue

Dark mode

Ink & paper flip; the record-red is the ONE hue that stays. Flip the toggle in the sidebar — every swatch above re-resolves live.

THIS THEME

Ink on paper

FLIPPED

Paper on ink

both sides, one red — the dot never changes

Semantic variants

Token family	Meaning
`--accent / -hover / -press / -soft / -ring`	the record-red in all its interactive states
`--fg-default / -subtle / -muted / -faint`	the text ladder, ink → silver
`--bg-canvas / -surface / -sunken / -raised / -inverse`	paper → mist → ink
`--line-subtle / -default / -strong / -accent`	hairlines and borders