Style guide · 2026
The system
behind the site.
Tokens, typography and components used across the site. Direction C is a warm editorial system — cream paper, ink type, a single coral accent, set in Fraunces with JetBrains Mono for meta.
01 · Colour
Three tokens, one accent.
The palette is deliberately small. Background carries the page; ink carries the words; coral is reserved for emphasis, italic accents and the single lead-rule that marks every section.
Background
--color-background
#f4f1ea
Page · paper
Ink
--color-ink
#1a1916
Type · dark sections
Coral
--color-coral
#b8431f
Accent · emphasis
02 · Typography
Fraunces & JetBrains Mono.
Display · Fraunces 144 / 700
The system behind the site.
H2 · Fraunces 144 / 600
Four tokens, one accent.
Body · Fraunces 16 / 400
A variable serif set against a precise monospace. Fraunces does the talking — with optical size pushed to 144 for display, and italic lows acting as the only coral accent in body copy.
Eyebrow · JetBrains Mono 13 / uppercase
Section label · 01
Mono · JetBrains Mono 14
Sheffield · UK / available · 2026