Designsystem
Kanonische UI-Quelle für Cockpit-Muster, Branding und tenant-persistente Design-Konfiguration.
Tenant Design-Konfiguration
agents4you
Tenant: lädtAnsehenFarben, Logo und Brand-Basics werden in der Tenant-Datenbank gespeichert. Standard ist Lesen; agents4you Admins bearbeiten explizit und speichern pro Cockpit.
cockpit_runtime_config.theme_json gespeichert.PDF-Design Einstellungen
Dokumenten-Generator
Diese Einstellungen gelten cockpitweit für alle PDFs: Protokolle, Mängelberichte, Nachträge und spätere Dokumenttypen. Die Inhalte kommen aus dem jeweiligen Board, das Design kommt zentral von hier.
Musterbaustelle
07.05.2026
Beispieltext aus dem Cockpit-Feld. Farben, Größen, Logo und Layout kommen zentral aus dem PDF Design.
Cockpit-Wechsel & zentrale Themes
Links oben wird zuerst das aktive Cockpit angezeigt. Im Dropdown gibt es zwei klar getrennte Bereiche: bestehendes Cockpit wählen und neues Cockpit anlegen. User- und Branding-Settings liegen unter Konfiguration.
- Anlegen läuft über ein klares Formular: Kunde, Branche, Vorlage, Theme.
- Themes gehören zur Cockpit-Instanz, nicht zum Browser.
- Bearbeitung erfolgt zentral durch agents4you.
- Theme-Daten werden versioniert: Farben, Logo-Kürzel, Name, Tagline.
- Final: HQ Registry/API als Single Source of Truth.
URL-Struktur
| URL | Zweck | Bereich | Status |
|---|---|---|---|
| / | Tagesbriefing, Aufgabenfokus, E-Mails, Entscheidungen und Tagesplan. | Übersicht | aktiv |
| /projekte | Monatsbasierter Projektplan mit Status, Fristen, Blockaden und zugehörigen Aufgaben. | Projekte | aktiv |
| /routinen | Wiederkehrende Arbeit, Monitore, pausierte Abläufe und auditfähige Aktionen. | Routinen | aktiv |
| /aufgaben | Operative Aufgabensteuerung mit Kanban, Liste, Zeitleiste und Projektfiltern. | Aufgaben | aktiv |
| /notizen | Persönliche Notizen, Ideen und Checklisten je Kunden-Cockpit. | Aufgaben | aktiv |
| /wissen | Wissensdatenbank mit Ordnerstruktur, Suche, Quellen und Nutzungsaktionen. | Wissen | aktiv |
| /medien | Mediendatenbank für Logos, Banner, Social Posts, Präsentationen und Brand Assets. | Wissen | aktiv |
| /digitale-mitarbeiter | Roster, Auslastung und Ergebnisse digitaler Mitarbeiter. | Digitale Mitarbeiter | aktiv |
| /entscheidungen | Mensch-in-der-Schleife-Queue für Freigaben und Abwägungen. | Entscheidungen | aktiv |
| /konfiguration | Arbeitsbereich, Sicherheit und Systemkonfiguration. | Einstellungen | aktiv |
| /integrationen | Anbieterstatus, Berechtigungen und Abgleich-Health. | Einstellungen | aktiv |
| /designsystem | Kanonische UI-Dokumentation, Branding und Wiederverwendungsregeln. | Einstellungen | aktiv |
Markenprinzipien
Design-Tokens
Welog Logistics Components
Popup & Dialog Best Practices
Keine nativen Browser-Popups. Bestätigungen laufen über den Cockpit-Dialog mit Blur-Backdrop, klarer Headline, Kontexttext und explizitem CTA.
- Native
confirm,alertundpromptsind verboten. - Destruktive Aktionen nutzen Ghost-Button mit rotem Text plus neutralen Abbrechen-Button.
- Dialoge müssen Kontext nennen: Objektname, Auswirkung, Cascade-Hinweis.
- Primary bleibt für positive Create-Flows; Delete bleibt auch im Dialog Ghost/Danger.
CRUD Best Practices
Bearbeiten nutzt immer ghost, weil es eine sichere, reversible UI-Aktion ist. Primär bleibt für Neu-anlegen/Erstellen reserviert.
Löschen ist sichtbar, aber nicht dominant: ghost + danger text, immer mit Confirm. Keine roten Primärflächen in Listen.
Kanban Drag & Drop
- Karten sind per Drag & Drop zwischen Status-Spalten verschiebbar.
- Drop-Ziel bekommt farbigen Rahmen und subtilen Inset-Glow.
- Statuswechsel wird optimistisch gespeichert und bei API-Fehler zurückgerollt.
- Karte bleibt klickbar: Klick öffnet Detail-Drawer, Drag verändert Status.
Primitive
Schaltflächen, Kennzeichnungen, Status
Tabellen
| Munich-Re-Angebot finalisieren | In Arbeit | Kritisch | Ava + Lukas |
| WELoG Checkliste prüfen | Geplant | Hoch | Phil |
| Kundenfeedback einarbeiten | Wartet | Mittel | Tom |
Fachkarten
Verhandlungsnotizen Munich Re
InternKundennotizEntscheider, kommerzielle Einwände und akzeptable Zugeständnisse für das Verlängerungsangebot.
Gmail
VerbundenE-Mail · Nur-Lesen-Sync läuft stabil.
Rabatt-Leitplanke für Munich Re freigeben
87% VertrauenMunich-Re-AbschlussAva hat eine Angebotsüberarbeitung vorbereitet. Der Abschluss bleibt oberhalb von 9% Rabatt attraktiv, die angefragten Konditionen deuten jedoch auf 12%.
Harte 9%-Leitplanke freigeben und statt tieferem Rabatt ein Leistungsguthaben anbieten.
Zustände
Dimensionen stabil halten, während Integrationsdaten ankommen.
Den fehlerhaften Anbieter und die nächste Wiederherstellungsaktion benennen.
Immer die beste nächste Aktion zeigen, nie eine Sackgasse.