Design System V2 — Showcase

Style Guide V2 Komponenten und Layouts (DEC-017)

KPI Cards

Leads

+12 vs. letzte Woche

Aktive Kampagnen

Pipeline EUR

48k

KI-Generierungen

128

Buttons

Status Badges

LeadQualifiziertAktivKundeInaktivFehler

Form Components

Firmenname*

Domain wird automatisch ergaenzt

Industrie

Notizen

Einstellungen

Per E-Mail benachrichtigenPipeline-Push aktivieren (Flag)

FilterBar

Layouts (Mini-Preview)

Layout1Dashboard

Header + KPI-Grid + Hauptbereich + optionale Sidebar (320px). Genutzt fuer /handoffs/dashboard.

Layout2MeinTag

Header + 2-Spalten Tagesansicht (Primary 2fr / Secondary 1fr).

Layout3Beziehungen

Header + FilterBar + Listen-Body. Genutzt fuer ICP, Segments, Leads, Assets, Pitches.

Layout4Pipeline

Header + horizontaler Spalten-Container fuer Status-Kanban. Genutzt fuer /campaigns.

Layout5Aufgaben

Header + Summary + FilterBar + Stream-Liste. Genutzt fuer research_runs, handoffs.

Layout-Komponenten werden in den Feature-Slices (SLC-102..108) live verwendet und geprueft. Importe verifiziert: Layout1Dashboard, Layout2MeinTag, Layout3Beziehungen, Layout4Pipeline, Layout5Aufgaben sind importierbar.