How this site is built

This site applies to itself what the case studies preach: a token system, defensible choices, and restraint.

Stack

Astro: static HTML, zero client JavaScript by default. The only exceptions: server-side language redirection, click-to-enlarge on visuals, and anonymous, cookieless audience measurement served from the same domain. Tailwind CSS 4 in CSS-first mode: tokens live in a @theme block as custom properties. Case studies are written in MDX, validated by a typed schema at build time. Fonts are self-hosted; no third-party requests.

Typography

Three scripts, three registers. Semi-expanded Archivo carries the headings, Poppins carries the narrative, the case-study prose. Geist Mono carries the system: fact sheets, metadata, figures. That narrative / system duality is the site's concept.

Colour

Warm blacks (#0F0E0D, #171614), hairlines #2B2825, ivory #E9E5DE (15.4:1 on the background), white for headings and focus. A single accent: violet and its signature gradient towards petrol blue, reserved for wayfinding (disciplines, series, decision numbers), never for decoration. Every "light" variant of a colour token exists to guarantee text contrast on the dark background.

Accessibility and performance

Built for RGAA conformance (see the statement). Performance budget: no client dependencies, images optimised at build time, full pages within a few dozen kilobytes.