Drei Design-Richtungen für den neuen Shop

Alle drei Varianten haben denselben vollen Funktionsumfang (gemeinsame Logik) und unterscheiden sich nur im Look. Jede zeigt Guest- und Member-Ansicht, Keycloak-Login, den kombinierten Blachen-Designer (Vorlage/Custom-Text + Logo), Warenkorb, Profil mit Logoverwaltung und Bestellhistorie.

VorschauA

Classic Refined

Nah am Vertrauten: schwarzer Header, klares Produktraster, rotes CTA. Sicherer Wiedererkennungswert.

Design öffnen →

VorschauB

Fresh & Bold

Modern & luftig: heller Glas-Header, Pill-Elemente, großer Verlaufs-Hero, weiche Cards mit Schatten.

Design öffnen →

VorschauC

Editorial / Premium

Hochwertig & ruhig: warmer Papierton, Serif-Überschriften, gesperrte Versalien, redaktionelles Raster.

Design öffnen →

Hinweise zu den Prototypen

Login-Zustand oben rechts (Chip „Guest/Member") wechselt über „Anmelden".
„Anmelden" öffnet die Keycloak-Login-Ansicht (Demo, kein echtes Backend).
Nur Blachen sind gestaltbar; Standardprodukte gehen direkt in den Warenkorb.
Vorselektiertes Logo: Tincan-Logo; Blachen-Motiv: neutraler Platzhalter.
Member sehen Rabatt (15%), Bestellhistorie und Logoverwaltung im Profil.
Zustand ist nicht persistent (Demo) – ein Reload setzt zurück.