Websites — 2026
Studio Leyla
Helles Layout mit lebenden Farbverläufen, Glasflächen und einer Auswahlhilfe, die vollständig im Browser läuft.
Musterprojekt. Betrieb, Anschrift und Inhalte sind frei erfunden, die Umsetzung ist es nicht. Die Fotos stammen von Unsplash.
Überblick
Sieben Seiten für ein kleines Studio. Die Farbe liegt hinter dem Text: vier weichgezeichnete Verlaufsflächen treiben langsam hinter der Seite, der Text bleibt fast schwarz.
Die Aufgabe
Kosmetik ist ein Feld mit strengen Werberegeln. Wirkversprechen, Vorher-Nachher-Bilder und erfundene Ergebnisse sind heikel — die Seite muss ohne sie auskommen und trotzdem verkaufen.
Der Ansatz
Statt eines Buchungssystems eine Auswahlhilfe: drei Fragen filtern die Behandlungsliste. Nichts wird gesendet, nichts gespeichert, kein Auftragsverarbeiter nötig.
Das System
Glasflächen über backdrop-filter, Aufdeckung über Unschärfe statt über Verschiebung, Überschriften Wort für Wort. Eine Maske öffnet sich beim Scrollen über clip-path, gesteuert durch eine einzige Zahl.
Ergebnis
Erster Seitenaufruf 145 KB — die leichteste der drei. Kontraste auf dem farbigen Grund nachgemessen, nicht geschätzt: 5,9:1 im schlechtesten Fall.