Design Systems
DESIGN.md Library
Complete, machine-readable design contracts. Hand one to an agent so generated pages match a brand instead of drifting into generic output. Each contract encodes palette tokens, a type scale, a spacing grid, corner and border rules, component patterns, and the patterns it bans.
6 contracts. The color strips are specimens of each system, not the site palette.
Hard-Edged Neutral
The contract this site runs on. White, hairline borders, square corners, mono eyebrows, one black accent, zero gradients.
Editorial Cream
Warm cream surfaces, tactile white cards with black outlines and offset shadows, restrained accent colors. A print-magazine feel.
Terminal Mono
Dark, monospaced, phosphor-green on near-black. A command-line aesthetic for developer products that lean into the terminal.
Swiss Grid
Classic Swiss style: a strict grid, Helvetica-family type, generous white space, and a single red accent on pure black and white.
Pastel Ambient
Soft, dreamy, rounded. This contract explicitly allows gradients, which overrides the usual no-gradient rule. Use it only inside this system.
Brutalist Web
Loud, raw, and intentional. System fonts, high-contrast blocks, visible borders, and one clashing accent. Anti-polish on purpose.