Komponentenbibliothek
Design-Tokens, Atome und Bausteine von Wilson Med Consent. Markenfarbe unten ändern – alle Beispiele übernehmen sie.
Branding
BrandProvider + BrandColorPicker: --brand → --primary inkl. WCAG-Kontrastprüfung.
#0e6e7a Kontrast 5.9 : 1Farben & Tokens
Semantische Farben aus dem Prototyp (oklch), Radius 0.875rem, shadow-card.
Schrift: Plus Jakarta Sans (selbst gehostet über @fontsource) – 200 400 600 800
Status
Dokumentversion-Status (Backend-Enum → deutsches Label) und generische Töne.
Kennzahlen
StatTile wie auf dem Prototyp-Dashboard; hervorgehoben bei offenen Aufgaben.
Buttons
Varianten und Größen (shadcn-svelte Button).
Formular-Atome
Input, Label, Textarea, Select, Checkbox, Separator.
Dialoge
ConfirmDialog für destruktive Aktionen und Datenschutz-Einwilligung für Patient:innen.
Leerzustand & Hinweise
EmptyState und DemoBanner.
Noch keine Dokumentversionen
Laden Sie einen Aufklärungsbogen hoch, um ihn zur Prüfung einzureichen.
Keine Übergaben.
App-Shell
Sidebar-Navigation (ab lg), mobile Leiste darunter. Hier eingebettet in einem Rahmen.
Dokumente & Freigabe
Dokumentversionen hochladen, prüfen und im Vier-Augen-Prinzip freigeben.