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
--canvas · #ffffff
Ink
--ink · #111111
--ink · #111111
Muted
--text-muted · #6c6a65
--text-muted · #6c6a65
Surface
--surface-subtle · #f5f4f1
--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.