Design system

An editorial system built around a 24-column grid, generous whitespace, quiet interaction, and a serif–sans type pairing.

Typography

ABC Diatype · Interface and headings

Clarity through restraint.

GT Super · Editorial copy

Ideas need enough room to breathe.

Color

Canvas
--canvas · #ffffff
Ink
--ink · #111111
Muted
--text-muted · #6c6a65
Surface
--surface-subtle · #f5f4f1

Layout and interaction

Content uses a capped 24-column canvas. Labels and content stack on narrow screens, then occupy asymmetric columns as space becomes available. Links underline on hover, controls retain visible focus and pressed states, and nothing moves without direct input.