[ Principles ]

Color is function,
not decoration.

Inspired by Dieter Rams: good design is as little design as possible. The base is warm and achromatic; the signal accent appears alone, rarely, only on operational controls — rarity is what gives the signal its strength.

[ Color ]

Tokens

--ink…Text / dark surfaces
--ink-soft…Secondary body text
--paper…Background
--paper-pure…Elevated surface
--muted…Auxiliary text (AA)
--line…Hairlines
--line-strong…Borders / emphasis
--accent…Signal accent (action)
--accent-alt…Alternate accent

Accent rule

Signal Red means action. It appears in isolation, on a single functional control at a time — never as ornament. On the site it lives only in the menu CTA hover.

[ Typography ]

Aeonik scale

Display · 700

Heading · 500

Body · 300 — the portfolio's long-form text uses Aeonik Light with generous breathing room.

Meta · 500 uppercase · tracking 0.14em

[ Grid · Space · Motion ]

Structure

Animations respect prefers-reduced-motion.

[ Components ]

Catalog

Let’s talkUX · AccessibilityWebApp · AI-assisted dev

[ Accessibility ]

Contrast & focus

Par	Tokens	Ratio	WCAG

Every focusable element has a visible focus ring (press Tab to see).