Farbpalette
Jede Fläche mit Bezeichnung und zugehörigem Design-Token.
- Navy (Anker)--anchor · Kopfbereich, Ankerflächen
- Petrol--petrol · ruhige Begleitfläche
- Primär-Blau--primary · Hauptaktion, Fokus
- Hintergrund (getönt)--background · Seitenfläche
- Karte--card · helle Inhaltsflächen
- Rahmen--border · Trennlinien, Kanten
- Text gedämpft--muted-foreground · Zusatzhinweise
- Grün – machbar--status-machbar · Status
- Gelb – hohe Anstrengung--status-anstrengung · Status
- Rot – Ziel gefährdet--status-gefaehrdet · Status
- Blau – Ressourcen fehlen--status-ressourcen · Status
Typografie
Überschriften in Archivo, Fließtext in Source Sans 3.
Übergaben werden nachvollziehbar besprochen
Der Fließtext ist auf gemeinsames Lesen am Bildschirm ausgelegt: ausreichend groß, ruhig im Zeilenabstand und mit klaren Beschriftungen. Formulierungen bleiben sachlich und respektvoll.
Kleiner Zusatzhinweis in gedämpftem Text – für Erläuterungen und Beispiel-Kennzeichnungen.
Beispiel-Karte
Beispielinhalt – keine echten Personen oder Vorgänge.
- Beispiel-Mitarbeitende
- Beispielperson A
- Geschätzte Dauer
- 2 h
- Erfüllt: Ziel ist verständlich formuliert (Beispiel)
- Erfüllt: Benötigte Kompetenzen benannt (Beispiel)
- Offen: Rückmeldung noch offen (Beispiel)
Schritt-Badges 1–5
Nummerierte Kreis-Badges für Schrittfolgen (hier nur als Darstellung).
- Schritt 1Aufgabe oder Ziel erfassen
- Schritt 2Kurzer SystemCheck davor
- Übergabe besprechen
- Schritt 4Rückmeldung einholen
- Schritt 5Überblick über den Status
Status-Pills
Vier Ampelfarben mit fester Beschriftung.
- nur mit hoher Anstrengung
- Ziel gefährdet
- Ressourcen fehlen
Farbe und Text gehören immer zusammen – Farbe allein trägt keine Bedeutung. Bedeutungen: machbar, nur mit hoher Anstrengung, Ziel gefährdet, Ressourcen fehlen.
Buttons
Primäraktion und Sekundäraktion – ohne Funktion, nur Darstellung.