Colophon
This site ships no JavaScript. Every page is rendered to HTML at build time and client-side rendering is switched off, so the browser receives markup, one stylesheet and four font files. Navigation is handled by the browser, which is what browsers are for.
The layout is a twelve column grid. The hairlines between rows and compartments are not borders: they are a one pixel grid gap over a dark parent, which gives exact rules with no doubling where cells meet. There is one accent colour, and it never appears in body copy, because at this size it does not clear the contrast threshold.
Build
| SvelteKit | Static site generation via adapter-static |
| Rendering | Every route prerendered at build time, client-side rendering disabled |
| JavaScript | None. Navigation is plain anchor links. |
| CSS | Hand written, no framework. Tokens as custom properties, components scoped. |
| Type | Archivo and Archivo Black for display and body, IBM Plex Mono for data |
| Fonts | Self-hosted, latin subset, woff2, roughly 84 KB total |
| Hosting | Cloudflare Pages |
Measured
Figures below are measured, not estimated. The accent colour is the reason accessibility took work rather than falling out for free: hazard red on this paper measures 4.21:1, so it is confined to rules, markers and text large enough to sit under the 3:1 threshold. Every label too small to clear it is set in ink.
| Method | Lighthouse 13.4.1, mobile preset, simulated throttling, run against the built site |
| Performance | 100 / 100 |
| Accessibility | 100 / 100 |
| SEO | 100 / 100 |
| Requests, cover sheet | 9: one document, two stylesheets, four fonts, one portrait, one favicon |
| Transferred, cover sheet | 107.4 KB total |
| JavaScript | 0 bytes, 0 files, verified against the build output directly |
| Fonts | 83.9 KB across 4 woff2 files |
| CSS, cover sheet | 7.1 KB across 2 files |
| HTML, cover sheet | 5.1 KB |