Nuvisphere UI/UX Language

Unsere Design-Sprache betont Klarheit, Ruhe und Geschwindigkeit. Die Komponenten sind barrierearm, konsistent und auf produktive Nutzung ausgelegt.

Designprinzipien

• Klar: Wenige, eindeutige Aktionen pro Screen.
• Konsistent: Einheitliche Abstände, Farben, Typo.
• Adaptiv: Mobile-First, dann Desktop mit Sidebar.
• Zugänglich: Kontrast, Fokuszustände, ARIA-Labels.

Typografie

• Headings: kurze, aktive Titel (H1–H3 im Content, H4+ in Widgets).
• Text: prägnant, ohne Füllwörter; technische Begriffe klar definieren.

Farben & Tokens

• Primär: Indigo/Sky als Akzente; neutrale Hintergründe.
• Semantik: Grün (ok), Gelb (warn), Rot (kritisch), Blau (info).
• Spacing: 4er-Raster (4, 8, 12, 16, 24, 32…).

Komponenten

• Buttons: Primär/Outline/Tertiär; Icon-Buttons sparsam einsetzen.
• Cards: für zusammenhängende Inhalte mit Titel + Aktion(en).
• Formulare: Label immer sichtbar, valide Fehlermeldungen.
• Navigation: Sidebar für tiefe IA, Topbar minimal.

Interaktion

• Animationen subtil (200–300ms, ease-out/in-out).
• Progress Feedback bei Requests & längeren Tasks.
• Undo-Patterns bevorzugen statt harter Bestätigungsdialoge.