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. Cal Sans 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

A calm, neutral background (#F5F5F3), surfaces in #ECECEA, ink in #161615 (16.5:1 on the background) and a measured secondary grey. No accent colour: the projects' own media bring the colour, the site stays the wall.

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.