07 — Kolophon
Wie diese Seite gemacht ist.
Gute Druckwerke tragen am Ende ein Kolophon: wer gesetzt hat, womit und worauf. Diese Seite ist mein Werkstattbeweis — also bekommt sie eines.
01 — Zwei Tinten
Wer schreibt, ist sichtbar.
- Petrol — die Tinte der Maschine
- Alles, was die KI-Agenten setzen, erscheint in Petrol: die Tusche des Tagesdrucks, die Protokoll-Zeilen der Bauweise. Fable plant, Codex baut.
- Bordeaux — die Tinte des Menschen
- Korrektur, Entscheidung, Freigabe: das gestrichene Wort in der Überschrift, die Anmerkung von Hand, der Schlussstrich unter dem Protokoll. Das bin ich.
- Gold — nur Linien und Marken
- Messing gliedert: Haarlinien, Passermarken, Setzlinien. Es schreibt nie selbst — eine Regel, keine Deko-Laune.
02 — Der Tagesdruck
Auflage: 1 pro Tag.
Die Tusche auf der Startseite ist kein Bild, sondern eine kleine Nass-Simulation: Wasser diffundiert entlang geseedeter Papierfasern, Pigment lagert sich ab, an den Nassfronten entstehen die dunklen Ränder von selbst.
Der Startwert ist das Datum. Jeder Tag druckt also genau eine Edition — wer heute kommt, sieht denselben Abzug wie jeder andere Besucher heute, und morgen einen neuen. Der Mauszeiger ist ein feuchter Pinsel: Er löst das Pigment örtlich an, dann trocknet es mit neuen Rändern wieder ein.
Wer weniger Bewegung wünscht (), bekommt keine Sparversion, sondern dieselbe Edition, fertig getrocknet — vorgerechnet als ruhiges Standbild. Ohne JavaScript bleibt eine stille Tusche aus reinem CSS stehen.
03 — Das Gewicht
Leicht, weil nichts mitfährt.
- Externe Requests
- 0 — keine CDNs, keine Drittschriften, keine Analyse-Dienste
- Cookies
- Keine. Deshalb auch kein Cookie-Banner.
- Startseite
- rund 140 KB unkomprimiert — HTML, CSS und eine Handvoll kleiner Skripte (Stand August 2026)
- Schriften
- rund 230 KB — vier Dateien, lokal gebündelt, keine Google-Fonts-Server
- JavaScript
- Keine Frameworks im Browser, keine Bibliotheken. Nur selbst geschriebene Miniaturen: Darstellungs-Schalter, Scroll-Reveals, Tagesdruck-Tusche, magnetische Knöpfe, die schwebende Projektvorschau, Ortszeit im Fußbereich, Mobilmenü und das Kontaktformular, das lediglich Ihr Mailprogramm öffnet.
- Barrierefreiheit
- WCAG 2.2 AA als Bauprinzip: Schriftgrößen-Schalter, Kontrastmodus, sichtbarer Fokus, Tastatur zuerst
04 — Die Schriften
Fraunces, Hanken Grotesk, Spline Sans Mono.
Die Display-Serif trägt die Seite; ihre variablen Achsen sind Teil der Gestaltung — vier Setzungen desselben Schnitts:
- Alltagsprobleme
- Alltagsprobleme
- Alltagsprobleme
- echte
05 — Verantwortung
Geplant, gebaut, entschieden.
Geplant mit Claude/Fable, gebaut mit Codex, geprüft im Browser und freigegeben von mir. Die Seite ist damit selbst das beste Beispiel für die Arbeitsweise, die sie beschreibt: KI-nativ gebaut, menschlich verantwortet.
Kein Pixel von der Stange. Und keiner ohne Freigabe.