Wer durch unseren Blog scrollt, sieht bei jedem Beitrag ein anderes visuelles Muster im Hero-Bereich. Es ist generative Kunst, die sich aus dem Inhalt selbst ergibt.
Das Problem mit generischen Headern
Die meisten Tech-Blogs haben ein Problem: Entweder sie investieren Design-Zeit in jedes einzelne Hero-Image, oder alle Posts sehen gleich aus. Wir wollten etwas, das automatisch, einzigartig und markenkonsistent ist.
Der Ansatz: Seeded Generative Patterns
Jede Story hat eine eindeutige ID. Diese ID wird durch eine Hash-Funktion geschickt und in etwa 20 Parameter zerlegt: Dichte, Fokuspunkt, Variante, Skalierung, Unterteilungstiefe.
Diese Parameter steuern fuenf Pattern-Generatoren:
- Feature-Stories bekommen Schaltplan-Muster mit fraktaler Quadtree-Unterteilung
- Konzept-Stories zeigen Topografie-Konturen aus Simplex-Noise
- Metrik-Stories erhalten Datenvisualisierungs-Grids
- Showcase-Stories nutzen Perspektiv-Gitter mit Fluchtpunkt
- Behind-the-Scenes zeigt ASCII-Textur aus Monospace-Zeichen
Warum das funktioniert
Gleiche Story-ID ergibt immer dasselbe Muster. Kein Server-Rendering, kein Caching. Das SVG wird rein mathematisch aus einem String berechnet.
Generative Kunst ist keine Spielerei. Es ist die logische Konsequenz, wenn man Design-Konsistenz ohne Design-Aufwand will.
Das System nutzt drei Bausteine: djb2-Hash, Mulberry32-PRNG und 2D-Simplex-Noise. Etwa 80 Zeilen Code, keine Abhaengigkeiten.