Colophon.
A book says on its last page how it was made. A site can do the same. Everything below is a decision, not a default.
Set entirely in Switzer, drawn by the Indian Type Foundry and released under their free font licence. Five weights are used, from light to bold. One family for the whole site, headlines and captions alike: the hierarchy comes from size, weight and space, which is the harder way and the one that holds together.
The files are served from this domain rather than from a font network, so no third party learns your address when a page loads. The two weights visible on arrival are preloaded, which is why the text does not change width a moment after it appears.
Vertical spacing is set with text-box: trim-both cap
alphabetic, a recent CSS property that measures from the top
of the capitals to the baseline instead of from the invisible box
around them. It is the reason a label in the left column sits
exactly on the line of the text beside it.
Twelve columns on a 1200 pixel measure, six on a phone. Every section breathes by the same single value, above the rule and below the last line.
You can look at it: the button in the header shows the columns, or press G. The arrow keys walk the index, Enter opens a project, Escape closes it, and the left and right arrows move through its visuals.
Built with Astro and hosted on Vercel. The pages are plain HTML, generated once at build time; JavaScript runs only where something actually moves, which is the cursor, the theme switch and the reveal on scroll. Everything else, including the accordion that opens each project, is done by the browser on its own.
The projects live as text files in a private repository. Adding one writes a commit, and the commit rebuilds the site. Images are converted to WebP at build time and served at the size they are displayed.
Dark and light follow your system until you use the switch, after which your choice is remembered on your device alone. The paper grain is a single tiling image, and it sits above everything so the texture never breaks at the edge of a bar.
Nothing is loaded from another domain. No cookies, no advertising, no profile. Page views are counted without identifying anyone, and the privacy page says exactly what that means in the language the law asks for.
The site prints. If you send it to paper or to PDF, the bars and the grain drop away, the palette turns black on white, the projects unfold, and every link shows the address it points to.