Flamme
Vollbild-Hero × Dark Cinematic
Das Flammenbild trägt den gesamten ersten Bildschirm. Dunkler Grund, Markenrot als einziger Farbakzent.
Inhalt und Wortlaut sind in allen identisch; die Bildauswahl gehört zur Gestaltung und stammt unverändert von stoll-dach.com; verglichen wird allein das Aussehen. Jeder Entwurf verbindet einen Aufbau mit einer Oberfläche aus der Gestaltungsbibliothek — die Paarung steht unter jedem Namen. Keine Paarung kommt zweimal vor.
Zum Ansehen: Die Entwürfe laufen über den lokalen Server auf Port 8765. Ohne ihn zeigt der Browser die Seiten ohne Bilder, weil er lokale Dateipfade sperrt. Ab Entwurf 08 steht am Seitenende, was aus der Bibliothek übernommen und was erfunden wurde. 16 und 17 sind die beiden mutigen: einer hat gar kein Aufmacherfoto, beim anderen steckt das Foto in den Buchstaben.
Vollbild-Hero × Dark Cinematic
Das Flammenbild trägt den gesamten ersten Bildschirm. Dunkler Grund, Markenrot als einziger Farbakzent.
Geteilte Fläche × Swiss Style
Dauerhaft geteilt: links eine stehende Spalte mit Marke, Menü und Anschrift, rechts der laufende Inhalt über die volle Breite. Strenges Raster, sachlich wie ein Datenblatt.
Zickzack × Editorial
Bild und Text wechseln von Block zu Block die Seite, dazwischen ganz dunkle Abschnitte. Schmale, sehr große Schrift, Fotos durchgehend schwarzweiß.
Vollbild-Kapitel, einrastend
Man blättert statt zu scrollen: Jeder Abschnitt füllt einen Bildschirm und rastet ein. Auf dem Handy schaltet das Einrasten ab.
Kartenfeld × Editorial
Eine Schlagzeile über die volle Breite, darunter vier gleich große Bildkarten mit Text im Bild, dazwischen ein schwarzes Laufband. Farbige Fotos, Condensed-Schrift.
Eigener Aufbau · Bausteine aus der 21st.dev-Bibliothek
Drei Dinge, die kein anderer Entwurf hat: Leistungszeilen, die beim Überfahren ihr Arbeitsfoto zeigen; Arbeiten als Lamellen, die sich öffnen; Fragen zum Aufklappen. Der Aufmacher verkauft — zwei Schaltflächen und drei Vertrauenspunkte stehen sofort da.
Vollbild-Hero × Quiet Luxury
Das Flammenbild trägt den ganzen ersten Bildschirm, die Schlagzeile liegt in Serifenschrift darüber, die Kennzahlen schweben als Chips im Bild. Danach Erdtöne, große Ziffern und eine Bildstrecke, die beim Wischen einrastet.
Bento-Raster × Dark Cinematic
Ein dunkler Kasten voller unterschiedlich großer Kacheln mit weichen Ecken; jede trägt genau eine Aussage. Die Kachel, die man ansieht, hebt sich heraus. Rot leuchtet nur da, wo gehandelt wird.
Eine Spalte × Bold Minimalism
Der erste Bildschirm ist reine Schrift, kein Bild — riesig, schwarz, ein Wort in Rot. Harte Kanten, keine Rundung. Die Leistungszeile, auf der man steht, kippt ohne Überblendung in Markenrot um.
Geteilte Fläche × Editorial
Aufgeschlagen wie ein Heft: links das Bild, rechts der Text. Die Bildseite bleibt beim Lesen stehen und wechselt erst beim nächsten Kapitel. Serifenschrift, Kapitelzahlen, Initial in Rot.
Kartenfeld × Quiet Luxury
Ruhig und mittig, mit viel Luft: große Karten mit weichen Ecken, sehr leichte große Schrift, Pillen als Bedienelemente. Die Karte, die man ansieht, öffnet ihre Bildunterschrift.
Zickzack × Quiet Luxury
Bild und Text tauschen von Block zu Block die Seite. Viel Luft, sehr leichte große Schrift, dünne Kennzahlen, ein schwarzer Block gegen die Ruhe. Das angesehene Bild tritt aus dem Satzspiegel heraus.
Spaltenraster × Editorial
Ein Zeitungsbogen: Titelkopf mit doppelter Linie, Text in echten Spalten, Haarlinien statt Kästen, der Kontakt als Anzeigenkasten. Die Spalte, in der man liest, bleibt schwarz — die Nachbarn treten zurück.
Vollbild-Hero × Swiss Style
Man blättert statt zu scrollen: Jede Seite füllt den Bildschirm und rastet ein. Rechts steht eine Leiste mit allen sieben Seiten — und sie zeigt, auf welcher man gerade ist. Am Telefon hört das Blättern auf.
Kartenfeld × Bold Minimalism
Gleichrangige Karten mit harten Kanten, wie Werkzeug auf der Bank. Keine Rundung, kein Schatten. Die Karte klappt beim Ansehen ihre rote Rückseite auf.
Eine Spalte × Print Tech Paper
Kein Aufmacherfoto. Stattdessen der gezeichnete Schnitt durch den Dachaufbau — die Sache, die der Betrieb verkauft und die man auf keinem Foto sieht, weil sie unter dem Kies liegt. Die Seite liest sich wie ein Satz Zeichnungsblätter.
Bento-Raster × Typo Brutalism
Die Schlagzeile ist das Foto: Das Bild steckt in den Buchstaben statt daneben. Drumherum ein dichtes Feld aus harten Blöcken mit dicken schwarzen Linien. Beim Ansehen wandert der Ausschnitt.