← Mockups

QuoteKit · Redesign „Heller Modus" — Option C

Eingabefelder: vertiefte Optik

Ausgewählte Richtung: gleiche graue Feldfarbe wie bisher, aber ein Innenschatten statt eines kaum sichtbaren Rahmens. Das Feld wirkt spürbar in die Karte eingelassen — klassische „Sunken Input"-Anmutung. Live-Vergleich mit dem echten Kunden-Formular, links der aktuelle Stand, rechts die neue Optik.

Vorher

Grunddaten

Nachher · Option C

Grunddaten
Umgesetzt in: zwei neue globale Tokens (--field-border, --field-shadow in globals.css) plus die beiden geteilten Komponenten ui/Input.tsx und ui/SearchInput.tsx. Alle übrigen ~25 Formulare (Kunden, Angebote, Rechnungen, Leistungen, Abnahmen, Login, Onboarding, …) referenzieren dieselben Tokens statt eigener Werte. Karten- und Listen-Rahmen bleiben unverändert — nur echte Eingabefelder bekommen die Tiefe.