Alle Bausteine der neuen Website mit ihren Klassennamen. Änderungen an Tokens und Bausteinen wirken global: quellen/entwurf.css (Welt), quellen/neu.css (Unterseiten).
Farben
--papier#ffffffSeitengrund, Karten--zone#f2f4f3Neutrale Zonen, Zweitknöpfe auf Weiss--mint-hell#dcf4ecNur Kontakt-Schluss, Markierungen, Chips--mint#53c1aaFluss, Hauptakzent, aktive Station – nie als Text--mint-tief#1c7360Links, Icons, Mint als Text--tinte#0f3a35Titel, Hauptknopf--tinte-weich#3d5a56Fliesstext--tinte-zart#4d6864Nebentext, min. 4.5:1--rohr#c3d9d3Leere Leitung, Ränder--linie#dde8e5Trennlinien--stau#f2c230Nur Staustellen (Formularfehler: eigenes Rot)
Phasenfarben
Ein Verlauf entlang des Lebenszyklus: von Blau (Strategie) bis Grün (Monitoring), gleiche Helligkeit und Sättigung (OKLCH 47 % / 0.09, Farbton 262 → 160). Tief für Icon und aktiven Zustand, hell für Flächen. Klassen .ph-strategie … .ph-monitoring; begleitende Leistungen neutral. Mint bleibt Marke und Fluss.
Wir bringen Ordnung in gewachsene Abläufe: entlang des BPM-Lebenszyklus, praxisnah und unabhängig.
.t-lead – Grundschrift 400
Fliesstext: Die Prozesse werden in Teilprozesse heruntergebrochen, Verantwortliche benannt und nach BPMN 2.0 modelliert – mit einem Link im Fliesstext.
body – Grundschrift 400 – 1.0625rem/1.6
Dachzeile (nur Unterseiten)
.t-dachzeile – Schild-Schrift 600
Knöpfe
Vier Arten: Hauptknopf (dunkel), Nebenknopf (hell), Pfeilknopf und Schalter. Abwandlungen ohne eigene Wirkung: .knopf-gross (grösser), Icon vorne statt Pfeil, .knopf-hell und .knopf-primaer (sehen aus wie Neben- bzw. Hauptknopf). Für Verweise im Text steht der Textlink unter «Links und Navigation». Ohne Kontur. Verhalten nach diffrent.digital (Allgemeines › Motion auf diffrent.digital): Beim Überfahren füllt eine solide Blase den Knopf ab dem Eintrittspunkt (600 ms, ease-out) und zieht sich beim Verlassen zur nächsten Kante zurück; der Knopf federt auf 1.04 (Knopf-Feder 548 ms), der Pfeil holt 4 px aus. Beim Klick 0.95 in 120 ms, der Pfeil fliegt hinaus. Dunkler Knopf füllt Mint-Tief, grauer Knopf Tinte.
