Design-System

Single source of truth für IVRY Brand, UI und UX. Tokens, Komponenten, Patterns — mit Code zum Kopieren.

Forest Green, Gold, Zinc — die IVRY-Palette mit semantischen Tokens für Light/Dark.

Inter (Sans) + JetBrains Mono (Mono). Type-Scale von xs bis 6xl, inkl. Hero- und Section-Utilities.

Wortmarke für Header, Eichhorst-Logomark als Favicon & App-Icon, alle Farbvarianten zum Download.

Buttons, Cards, Alerts, Inputs — Live-Demos mit Nuxt UI v4 Primitives.

Spacing-Scale, Border-Radius, Shadows, Container-Breakpoints — die harten Zahlen fürs Layout.

Lucide über i-lucide-* Namespace — konsistente Strichstärke, klare Semantik.

Grundprinzipien

Vier Leitsätze, nach denen jede Design-Entscheidung getroffen wird.

Forest-Grün als Grundton, Gold nur als Accent. Großzügiger Weißraum. Keine dekorativen Gradients.

Micro-Wins und Confetti an echten Erfolgs-Momenten (Domain frei, Setup fertig). Keine Fake-Belohnung.

Das Kunden-Portal denkt in dunklen Flächen, die Marketing-Site in hellen. Semantische Tokens sind für beides gebaut.

Farbkontrast, Focus-Rings, Semantic HTML, Keyboard-Navigation. A11y ist nicht verhandelbar.

Worauf das Design-System technisch aufsetzt.