Formulare
Klare Feldstruktur mit Mono-Labels und Focus-States für Serviceanfragen und Kontaktformulare
Text Input
BORDER 1px #B6B7BB · RADIUS 8px · PADDING 10px 14px · INTER 14px · BG WHITE
DEFAULT
FOCUS
DISABLED
ERROR
Bitte eine gültige E-Mail-Adresse eingeben.
Textarea
WIE TEXT INPUT · INTER 14px · MIN-HEIGHT 120px · RESIZE VERTICAL
DEFAULT
FOCUS
DISABLED
ERROR
Dieses Feld ist erforderlich.
Select / Dropdown
GLEICHE BORDER/RADIUS WIE INPUT · CUSTOM ARROW
DEFAULT
DISABLED
Radio Buttons
CUSTOM STYLED · BORDER 2px #B6B7BB · SELECTED: BORDER + DOT #18191A · LABEL INTER 16px
Checkbox
CUSTOM STYLED · BORDER 2px #B6B7BB · RADIUS 4px · CHECKED: BG #18191A + CHECKMARK WHITE · LABEL INTER 16px
Labels & Hilfstexte
LABEL: INTER 14px/500 #313337 · INPUT: INTER 14px · HELPER: PRESSURA MONO 12px #69727D · ERROR: PRESSURA MONO 12px #D93F33
Für Rückfragen zum Serviceauftrag.
Bitte vollständige Nummer eingeben.
Formular-Beispiel (Service-Anfrage)
KOMPLETT-LAYOUT · ABGELEITET VON COFFEE-ELEMENTS.DE/SERVICE/
Stepper / Mehrstufiges Formular
3-STEP FORMULAR · REPARATUR-ANFRAGE · BASIEREND AUF COFFEE-ELEMENTS.DE/SERVICE/