Benson Design System V2
Verbindliche Grundlage für alle Module des Control Centers: Farbtoken, Typografie, Abstände, Zustände und Basiskomponenten. Keine Sonder-CSS-Lösungen pro Seite.
Farbtoken
Semantisch benannt, hell und dunkel gepflegt. Komponenten nutzen ausschliesslich Token.
brand
--brand
signal
--signal
success
--success
warning
--warning
destructive
--destructive
info
--info
muted
--muted
surface-raised
--surface-raised
Typografie
Space Grotesk für Überschriften, IBM Plex Sans für Fließtext, IBM Plex Mono für Zahlen und Codes.
Kampagnensteuerung
Agenten und Warteschlangen
Fließtext in IBM Plex Sans, optimiert für dichte Arbeitsoberflächen mit hoher Informationsmenge und langen Schichten am Bildschirm.
ID 4711-2208 · 00:04:12 · 1.284,50 EUR
Zustände
Einheitliche Statusdarstellung für Telefonie, Aufträge und Systemmeldungen.
Kennzahlen
KpiCard stellt Werte dar; jede Berechnung bleibt im Backend.
Aktive Agenten
Wartende Anrufe
Abschlussquote
Ø Gesprächszeit
Formulare
Eingabekomponenten mit einheitlichen Radien, Fokusringen und Beschriftungen.
Daten und Navigation
Tabellen- und Tab-Muster als Basis für CRM, Monitoring und Backoffice.
| Agent | Kampagne | Status | Dauer |
|---|---|---|---|
| A. Keller | Wärmepumpe Q3 | Gespräch | 04:12 |
| M. Sander | Photovoltaik Nord | Bereit | 00:37 |
| L. Brandt | Wärmepumpe Q3 | Pause | 12:05 |
| T. Wiese | Service Bestand | Nachbearbeitung | 01:48 |