PreOwned by ZABAZINGO · Auth-Konsistenz

12 Login-Demos — 3 Designs, 4 Modi

Alle in echter ZABA-CI. Einheitliches Muster: sign.it (volle Breite) → GitHub + Google → E-Mail. 1–3 Magic Link · 4–6 E-Mail+Passwort · 7–9 variables Farb-Setup oben rechts (Preset-Wechsel, wie v7) · 10–12 Slide-out Farb-Editor rechts (jedes Token anklicken, ändern, speichern — wie der Discord-Editor).

Magic Link

KEIN PASSWORT · 1–3
DEMO 01
Drip Pass
Ticket/Receipt-Look, Impact-Punkte. Gen Z.
GEN ZMAGIC LINK
DEMO 02
Editorial Split
Magazin-Layout, organische Fashion-Collage. Desktop.
PREMIUMMAGIC LINK
DEMO 03
Tap-In
Mobile Bottom-Sheet, Live-Zähler + Impact-Ring. Gen A.
GEN AMAGIC LINK

E-Mail + Passwort

KLASSISCH · 4–6
DEMO 04
Drip Pass · PW
Wie 01, mit E-Mail + Passwort.
GEN ZPASSWORT
DEMO 05
Editorial · PW
Wie 02, mit E-Mail + Passwort.
PREMIUMPASSWORT
DEMO 06
Tap-In · PW
Wie 03, mit E-Mail + Passwort.
GEN APASSWORT

Farb-Setup (Switcher)

PRESETS OBEN RECHTS · 7–9
DEMO 07
Drip Pass · Theme
6 Farb-Presets oben rechts — Kombi live wechseln.
SWITCHER6 PRESETS
DEMO 08
Editorial · Theme
Gleiches Design, Farbkombi per Klick.
SWITCHER6 PRESETS
DEMO 09
Tap-In · Theme
Mobile, Farbkombi per Klick.
SWITCHER6 PRESETS

Farb-Editor (Slide-out)

LINKS SCHRIFT/GRÖSSE · RECHTS FARBE · TEMPLATES · 10–12
DEMO 10
Drip Pass · Editor
Links Schrift & Größe, rechts 8 Farb-Tokens (Page/Card/Header getrennt) + Dark/Light + Templates speichern.
EDITORTEMPLATES
DEMO 11
Editorial · Editor
Eigenes Set zusammenstellen + speichern.
EDITORSAVE
DEMO 12
Tap-In · Editor
Mobile, voller Farb-Editor.
EDITORSAVE
So funktioniert das Farb-System: Jede Demo läuft auf 6 editierbaren Tokens — BG, Surface, FG, Accent, Green 1, Green 2 (exakt deine Palette #22201F / #2D2A27 / #FFFADA / #A53A2A / #D9F6C3 / #CAFCCA). Alle übrigen Farben leiten sich per color-mix davon ab, d.h. ein Token-Wechsel färbt das ganze Design konsistent um. Switcher = schnelle Presets, Editor = volle Kontrolle + Save (localStorage) + Copy CSS. Konsistenz Stufe 2: die gleichen Tokens ziehen wir später in die themebare sign.it-Login-Page, dann ist auch der SSO-Schritt nahtlos.