Stephie (23. Apr): „Nice. Wolltest du mehr Variationen? … ja, diverse Ideen und Richtungen." — Also: weg von brav (Tiefe Töne / Nachtblau / Schwarz), rein in echten Gestaltungsraum. Einheitliche Ikonografie (Schloss · Haken · Kreuz) und Label bleiben — Grund, Akzent, Stoff ändern sich.
00
Referenz
Licht (Stephies Original)
Zum Vergleich ganz oben — Lavendel, Limette, Flieder auf Nachtblau.
01
Neon · Leuchten
Neon-Halo
Tiefschwarzer Grund, Ring als leuchtender Neon-Umriss mit weichem Glow. Energisch, techy, „Signal in der Nacht".
WartenLavendel-Glow #7C89FF
ErfolgLimette-Glow #B8E621
FehlerFlieder-Glow #A5B0FF
Sehr aufmerksamkeitsstark, Akzent trägt alle Bedeutung
Glow kann auf alten Displays „bleeden" / zu laut wirken
02
Aurora · Farbverlauf
Aurora-Gradient
Atmosphärische Farbfelder — wie ein Polarlicht am Horizont. Jeder Zustand bekommt ein eigenes Stimmungsbad, ohne die Farbe dominant zu machen.
Emotional, kein flacher Dark-Grund — fühlt sich „bewohnt" an
Gradients brauchen saubere Implementierung (Banding-Risiko)
03
Typo · Editorial
Typo-Maximal
Kein Ring, kein Icon — nur ein riesiges Wort in Serif-Display. Editorial, ruhig, selbstbewusst. Der Zustand ist die Typografie selbst.
2verify · Status
Warte…
Bestätigung wird eingeholt — bitte das Fenster nicht schließen.
WartenPlayfair Display, 78px
2verify · Status
Fertig.
Dein Auftrag wurde erfolgreich autorisiert.
ErfolgPunkt = Abschluss
2verify · Status
Fehler.
Der Auftrag konnte nicht abgeschlossen werden. Bitte erneut versuchen.
FehlerEinfach, klar, ohne Alarm
Radikal anders — differenziert stark gegenüber allen Banking-Apps
Serif-Display kann „luxuriös" wirken — passt es zum Produkt?
04
Pinpoint · Minimal
Pinpoint
Ein einziger, leuchtender Punkt. Kein Ring, kein Rand, keine Grafik. Der Fokus ist das Minimum des Sichtbaren — meditativ.
Warten8 px Punkt, Breathe-Animation
ErfolgSteht still — „Angekommen."
FehlerGleiche Geste, andere Farbe
Maximal reduziert — wirkt souverän, technisch präzise
Risiko: User erkennt Zustand nicht ohne Label lesen
05
Spotlight · Cinematic
Spotlight
Ein radialer Lichtkegel — wie eine Bühne im Theater. Der Ring sitzt im Hellsten, die Ränder fallen ins Schwarz. Dramatisch, filmisch.
Starke Hierarchie — Auge geht direkt zum Zentrum
Könnte auf kleinen Screens „zu dunkel an den Rändern" wirken
06
Filmisch · Korn
Filmkorn
Warmer Aubergine-Grund mit feinem Film-Korn-Overlay. Label im Serif-Kursiv. Wirkt wie ein analoges Kinoplakat — menschlich, nicht sterile Tech.
WartenWarmer Grund + Grain
ErfolgItalic Serif als Signatur
FehlerKeine Alarmfarbe — nur Tiefe
Einzigartig warm für eine Banking-App — kein Tech-Klischee
Korn kann auf manchen Screens als „Darstellungsfehler" gelesen werden
07
Glas · Frosted
Glasmorphismus
Frosted-Glass-Karte schwebt vor einem unscharfen Farbblob. Schichten sind fühlbar — der Zustand wird durch die Farbe hinter dem Glas getragen.
WartenLavendel-Blob hinter Glas
ErfolgLimetten-Blob hinter Glas
FehlerFlieder-Blob hinter Glas
Zeitgenössisch (iOS/Windows-11-Vokabular), wirkt „premium"
Backdrop-blur ist Performance-intensiv, Fallback nötig
08
Konstellation · Sternenhimmel
Konstellation
Tiefer Nachthimmel mit Sternen, Ring als gestrichelte Umrandung — wie eine Sternenkonstellation, die aufleuchtet. Poetisch, ruhig, nicht alltäglich.
WartenGestrichelter Ring, Sterne
ErfolgHaken erscheint im Sternenhimmel
FehlerStille Sterne, sachlich
Emotional, erzählerisch — trägt Markenton „Entspannung"
Motiv steht im Raum — evtl. zu dekorativ für Auth-UI
09
Blueprint · Technisch
Technische Zeichnung
Hairline-Raster, gestrichelte Konzentrizkreise, Mono-Typo, Koordinaten am Rand. Wirkt wie ein Engineering-Screen — Vertrauen durch Präzision.
2VERIFY · STATE 01
Bitte warten …
TX-AUTH · PENDING
WartenMono + Hairline-Raster
2VERIFY · STATE 02
Erfolgreich
TX-AUTH · OK
ErfolgKonzentrische Hilfslinien
2VERIFY · STATE 03
Fehlgeschlagen
TX-AUTH · ERR
FehlerSachlich, keine Dramatik
Vertrauensbildend — „wir wissen, was wir tun"
Möglicherweise zu technisch für Endkunden (B2B-Feel)