A · Reinigungsbahn
Die Seite ist die verschmutzte Wand. Inhalte stehen in sauberen Bahnen, wie sie ein Flachstrahl in den Belag schneidet. Überschriften in Schablonenschrift, so entsteht Reverse-Graffiti.
- Archetyp
- Parallax Storytelling (styles.csv #49), gewürfelt
- Schriften
- Bespoke Stencil + Synonym
- Palette
- #26301C#6F7C4A#E4E8C8#E8D35A
- Signature
- Beim Scrollen wird der grüne Giebel Bahn für Bahn sauber (Desktop gepinnt). Die Leistungen erscheinen als Bahnen, die von links „gespritzt“ werden.
- Vorbild
- Apple AirPods Pro: Das Prinzip ist die scroll-gesteuerte Verwandlung eines einzigen Objekts, nicht Apples Look.
- Risiko
- Dunkler Grund in Algengrün: stimmungsvoll, kann aber schwer wirken. Der Effekt braucht Scrollen, bis er ganz sichtbar ist.
- Mischbar
- Leistungs-Bahnen, Stencil-Nummer im Kontakt
B · Kampfplakat
Ein Boxplakat auf Ultramarin: „Grünbelag gegen Rheinhessen-Gebäudeservice“. Die Vorher-nachher-Naht ist der Ring, der gelbe Griff die Mitte des Kampfes.
- Archetyp
- Bold Typography Poster (styles.csv #78), Herausforderer aus dem Würfel, konkurrenzfähig
- Schriften
- Tanker + Hoover
- Palette
- #1F2BD1#E6FF3C#A9BC6A#0B0B14
- Signature
- Ziehbare Naht zwischen vorher und nachher, per Finger, Maus oder Tastatur. Darunter die Leistungen als „weitere Paarungen“ in schrumpfender Plakathierarchie, dazu Kontakt als Eintrittskarte.
- Vorbild
- Hatch Show Print (Letterpress-Plakatdruckerei seit 1879): Das Prinzip ist die Holzletter-Hierarchie der Box- und Konzertplakate, also Namen randvoll gesetzt und Nebensachen immer kleiner.
- Risiko
- Der Humor muss dem Inhaber gefallen. Ultramarin ist weit weg vom üblichen Reinigungsblau, aber eben Blau.
- Mischbar
- Vergleichs-Naht, Ticket-Kontakt, Paarungsliste
C · Farbtonkarte
Die Welt des Farbfächers: Die Seite ist eine Farbkarte, jede Leistung ein Streifen mit Ton und Code. Die Frage lautet nicht „wie sauber“, sondern „welche Farbe hat Ihr Haus wirklich“.
- Archetyp
- Swiss Modernism 2.0 (styles.csv #50), impeccables eigene Wahl
- Schriften
- Gambarino + Switzer, Tabular nur für Farbcodes
- Palette
- #D9C455#465F81#B99A8C#6C7424#16181C
- Signature
- Eine ziehbare Messkarte liest den Farbton live aus dem Foto (Grünbelag links, Gelb rechts). Beim Scrollen faltet sich der Leistungs-Fächer um seine Niete auf.
- Vorbild
- Farrow & Ball: Das Prinzip ist der Farbton als Hauptdarsteller mit Name und Nummer, übertragen auf Leistungen.
- Risiko
- Die ruhigste der drei. Die Messkarte ist klug, erklärt sich aber nicht jedem sofort.
- Mischbar
- Messkarte, Farbfächer, blaue Kontakt-Rückseite
Empfehlung: B, mit dem Farbfächer aus C als Leistungsteil
B ist am Handy im ersten Bildschirm am stärksten: Name, Gegner und Beweis stehen oben, der Vergleich lässt sich mit dem Daumen bedienen, und „Grünbelag gegen Rheinhessen-Gebäudeservice“ bleibt hängen. Für einen Kunden, der es eilig hat und bisher nur Facebook kennt, ist das der größte Abstand zu jeder Mitbewerberseite.
Wirkt dir das zu frech für den Inhaber, dann nimm C. Die Seite ist ruhiger und hochwertiger und bleibt durch Messkarte und Fächer trotzdem eigen. A ist die atmosphärischste, verlangt aber das meiste Scrollen.
Technik bei allen drei: Schriften, GSAP und Bilder lokal, 0 externe Requests, noindex, Entwurfsschicht in Coral mit genau einem Ja-Button. Das Kaufbild (Steintreppe) trägt die Fahne „Platzhalter“. Lizenz: Fontshare ITF Free Font License, Self-Hosting erlaubt (liegt in fonts/).