Websites — 2026
Röstwerk Nord
Dunkles Magazinlayout mit waagerechter Scrollstrecke, Röstkurve als SVG und Duplex-Bildern.
Musterprojekt. Betrieb, Anschrift und Inhalte sind frei erfunden, die Umsetzung ist es nicht. Die Fotos stammen von Unsplash.
Überblick
Sieben Seiten für eine kleine Rösterei. Redaktioneller Aufbau: klebende Kapitelmarken, asymmetrisches Raster, Serifenschrift in Anzeigengröße.
Die Aufgabe
Gastronomie-Seiten sehen einander ähnlich, weil sie alle denselben Baukasten benutzen. Eine eigene Handschrift entsteht erst, wenn Raster, Schrift und Bewegung zusammen etwas erzählen.
Der Ansatz
Der Weg der Bohne als waagerechte Strecke: gescrollt wird senkrecht, bewegt wird waagerecht. Dazu eine Röstkurve, die sich beim Scrollen selbst zeichnet.
Das System
Duplex-Bilder über mix-blend-mode, Körnung als data-URI gegen Streifenbildung auf dunklen Flächen, Laufband aus zwei identischen Spuren. Alle Scrollbindungen rechnen im Scroll-Ereignis, nicht in requestAnimationFrame.
Ergebnis
Erster Seitenaufruf 291 KB. Die Strecke läuft linear über den gesamten verfügbaren Weg, gemessen über acht Stufen.