Eine kurze Notiz zu den Materialien, Werkzeugen und Entscheidungen hinter dieser Seite.
Schriften
Display und Überschriften sind in Bricolage Grotesque gesetzt, einer zeitgenössischen Grotesk von Mathieu Triay mit leicht redaktionellem Schnitt.
Der Fließtext verwendet Geist, die variable Familie von Vercel — klar, neutral und mit einer ruhigen, eigenwilligen Note bei den Ziffern.
Code, Metadaten und Labels sind in JetBrains Mono gesetzt, gewählt wegen ihrer ehrlichen Zeichenbreiten und gut lesbaren Kleinbuchstaben.
Akzente und kursive Details sind Newsreader, eine variable Serifenschrift von Production Type für das Google Fonts Knowledge-Projekt, zurückhaltend an editorischen Stellen eingesetzt.
Stack
- Framework: Astro 6, mit MDX für längere Inhalte und ein paar React-Islands für interaktive Teile (Theme-Toggle, Mobile-Menü).
- Hosting: Netlify, mit Edge Functions für das Kontaktformular.
- E-Mail: Resend übernimmt den Versand des Kontaktformulars.
- Typensystem: TypeScript durchgehend, Inhalts-Schemata werden mit Zod validiert.
- Werkzeuge: Biome für Lint und Format, Playwright für visuelle Prüfungen.
Design-Notizen
Die Seite verwendet ein duales Theme-System (warmes redaktionelles Hell, dunkles Terminal) auf Basis von oklch-Farbtokens, mit einem einzigen Orange-Akzent über beide Modi hinweg. Das Raster im Hintergrund und die Cursor-Spur sind React-Komponenten, die prefers-reduced-motion respektieren.
Alles ist von Hand codiert. Es gibt kein CMS — nur Dateien in einem Repository, bearbeitet wie Quellcode.
Credits
Inspiriert von der langen Tradition der Buch-Kolophone und von den vielen Engineers und Designerinnen und Designern, deren Arbeit diese hier mitgeprägt hat. Wenn etwas vertraut wirkt, ist es das wahrscheinlich auch — Typografie ist ein langes Gespräch.