V.I.P Fliesenleger · drei Looks

A · Kachelwand

Die ganze Seite ist eine glasierte Kachelwand. „V.I.P“ ist aus dunklen Fliesen gesetzt, Schilder aus Glasurweiß tragen Überschriften und Knöpfe, die Fotos sind als Schaukästen in die Wand eingelassen. Alles sitzt auf ganzen Fliesen, am Handy wird das Raster feiner.

Weiche A am Desktop, erster Bildschirm — Desktop 1440 × 900, erster Bildschirm

Weiche A am iPhone 15 — iPhone 15 (WebKit)

Weiche A mitten in der Signatur-Animation — Signatur-Moment: die weißen Fliesen klappen in die Wand, danach läuft ein Glanz einmal darüber

Archetyp: Vibrant & Block-based (Designdaten #6), mit Plakat-Typografie
Schriften: Clash Display (Schilder, Versalien) + Satoshi (Text). Beide Fontshare, ITF Free Font License, lokal
Palette: #CFE3D7 Seladon-Glasur#B9D2C4 Platte#EFF5F1 Fuge#FFFFFF Schild#12241C Tinte

Vorbild: mutina.it: Die Buchstaben stehen direkt auf der gefliesten Fassade, die Wand ist die Marke. Übernommen ist das Prinzip, nicht das Aussehen.
Mischbar: Fliesen-Schriftzug · Seladon-Fläche · Schilder-Knöpfe · Linienplan der Leistungen
Risiko: Laut und plakativ. Passt nicht, wenn Hr. Kaya „edel und ruhig“ will.

Kritik:Ursprünglich in durchgefärbtem Dunkelgrün gebaut — kollidierte mit Löffler Hausmeisters Palette (#146B34). 15.09. abends auf helle Seladon-Glasur umgefärbt, dazu Titelfoto am Handy vergrößert und die Leistungsüberschriften von den Fugenlinien abgerückt. Handwerklich sauber (0 Overflow, 0 externe Requests, 0 Konsolenfehler, Kontraste ≥ 4,5:1 geprüft). Bleibt die lauteste der drei — funktioniert nur, wenn Hr. Kaya das mag. Ein Risiko bleibt der Fliesen-Schriftzug „V.I.P“: Er trägt die ganze Idee, muss also auf dem ersten Blick sofort als Wort lesbar sein, nicht erst nach Suchen.

B · Verlegeplan

Live ansehen

Die Seite ist der Verlegeplan auf dem Estrich. Der Grund ist ein Fugenbild im Halbverband, dazu Achsraster, Maßketten und Positionsnummern. Signatur ist der Schnurschlag: Die blaue Kreideschnur wird ausgezogen, hängt durch und schnalzt gerade. An ihr werden die Fotos Reihe für Reihe „verlegt“. Die Leistungen stehen als echtes Leistungsverzeichnis da.

Weiche B am Desktop, erster Bildschirm — Desktop 1440 × 900, erster Bildschirm

Weiche B am iPhone 15 — iPhone 15 (WebKit)

Weiche B mitten in der Signatur-Animation — Signatur-Moment: die Kreideschnur hängt durch, kurz vor dem Schnalzen

Archetyp: Swiss Modernism 2.0 (Designdaten #50)
Schriften: Cabinet Grotesk (Überschriften + Text, ITF FFL, Fontshare) + JetBrains Mono nur für Maße/Positionen (SIL OFL, Google Fonts). Beide lokal
Palette: #D9DBD5 Estrich#15213A Tinte#2A5BD7 Kreideblau#4E5668 Blei

Vorbild: vitsoe.com: Das Raster ist der Beweis, alles modular und ruhig, die Ordnung verkauft. Übernommen ist die Haltung, nicht das Layout.
Mischbar: Leistungsverzeichnis · Schnurschlag · Maßketten an Fotos · Kreideblau-Fläche am Ende
Risiko: Die leiseste der drei. Ohne Animation wirkt sie am ehesten „ordentlich“ statt aufregend.

Kritik:Ein Kontrastfehler gefunden und behoben: Das Kreideblau-Label am Schnuranschlag lag auf Estrich bei 4,2:1, jetzt bei 4,9:1. Sonst sauber. Von den dreien am wenigsten „Fliesenleger-Gefühl“ auf den ersten Blick — sie liest sich zuerst wie ein Planungsbüro, das Handwerk kommt erst über die Schnur und das Leistungsverzeichnis.

C · Mosaik

Live ansehen

Aus der Nähe Steine, aus Abstand ein Bad. Im ersten Bild setzt sich das Foto Stein für Stein zusammen: grobe Tesserae, dann immer feiner, dann steht das echte Bad. Dazu kommen Ochsenblut als Grund, eine ruhige Serifenschrift und das Bruchmosaik als ganzes Band. Die Galerie ist selbst ein Mosaik: gleiche Steine mit dunkler Fuge.

Weiche C am Desktop, erster Bildschirm — Desktop 1440 × 900, erster Bildschirm

Weiche C am iPhone 15 — iPhone 15 (WebKit)

Weiche C mitten in der Signatur-Animation — Signatur-Moment: die Tesserae setzen sich, bevor das Foto steht

Archetyp: Motion-Driven (Designdaten #15), mit der Grammatik des Pixel-Arcade-Herausforderers (nur ganze Steine)
Schriften: Melodrama (Überschriften) + Alpino (Text). Beide Fontshare, ITF Free Font License, lokal
Palette: #4A1520 Ochsenblut#2A0B12 Fuge#F0E8DE Bein#DCC9C1 Bein leise

Vorbild: bisazza.com: Das Mosaik füllt den ersten Bildschirm, die Marke sitzt auf dem Material. Übernommen ist das Prinzip, nicht das Aussehen.
Mischbar: Mosaik-Auftakt im Hero · Ochsenblut-Palette · Galerie mit Fuge · Bruchmosaik-Band
Risiko: Die Signatur lebt von der Animation. Als Standbild ist C „nur“ edel und dunkel.

Kritik:Ein Ziffernfehler gefunden und behoben: Melodrama zeichnet die „0“ durchgestrichen, dadurch stand „Ø176 83467515“ und „5Ø Bewertungen“ da — Telefonnummer und Ziffern laufen jetzt in Alpino. Sonst sauber. Am edelsten, aber am wenigsten selbsterklärend „Fliesenleger“ — ohne die Mosaik-Animation ist der erste Eindruck vor allem „schönes dunkles Bad“, das Handwerk muss über Typografie und Leistungstext nachgeliefert werden.