026 · Side-Round

Logo + Passwort

Acht Varianten: Logo-Position + Passwort-Eingabefeld (masked, mit Auge-Toggle). Kein PIN, kein Konto — ein echtes Text-Input für das App-Passwort.
Passwort-Eingabe, nicht PIN: Alle 8 Varianten zeigen ein Textfeld mit Maskierung (•••••) und einem Auge-Icon zum Anzeigen. Face ID als Alternative darunter. Kein Konto-Feld — nur Logo + Passwort.
9:41
2v
2verify
•••••••
Passwort vergessen?
01 · Badge
Logo als Soft-Badge, Passwort-Feld mit Fokus-Ring darunter.
9:41
2v
2verify
Willkommen
zurück.
•••••••
Passwort vergessen?
02 · Topbar
Logo dezent oben, Begrüßung als Held. Persönlich.
9:41
2v
2verify
Sicher authentifizieren
•••••••
Passwort vergessen?
03 · Badge + Subtitle
Logo + „Sicher authentifizieren" Untertitel. Premium.
9:41
2verify
•••••••
Passwort vergessen?
04 · Wortmarke
Nur Text, kein Icon. Am reduziertesten.
9:41
2v
2verify
•••••••
Passwort vergessen?
05 · Filled Input
Grauer Hintergrund im Input-Feld (Filled-Stil aus 024).
9:41
2v
2verify
Guten Morgen.
•••••••
Passwort vergessen?
06 · Links
Alles linksbündig. iOS-natürlichste Navigation.
9:41
2v
2verify
•••••••
Passwort vergessen?
07 · Glas-Karte
Logo + Passwort in schwebender Karte.
9:41
2v
2verify
Sicher authentifizieren
•••••••
Passwort vergessen?
08 · Green Header
Farbige Kopfleiste — stärkste Markenpräsenz.

Empfehlung

Am klarsten: 01 Badge oder 02 Topbar. Logo + Passwort-Feld + Face ID in einer Zeile lesbar.

Kompromiss: 02 Topbar — Logo dezent, Begrüßung persönlich, Passwort-Feld prominent.

Input-Feld

Alle zeigen: maskiertes Textfeld (•••), Auge-Toggle, 48 px Höhe, 8 px Radius, Sage-Fokusring. Label immer sichtbar oben.

05 nutzt den Filled-Stil (grauer Hintergrund) aus der Input-Studie 024.

Kombination

Erststart: 03 Badge + Subtitle (die App erklärt sich).

Rückkehr: 02 Topbar oder 06 Links (vertraut, effizient).