From b3eb946cfaf07dd63a047c96f53e4ae7a280c181 Mon Sep 17 00:00:00 2001 From: Florian Wilde Date: Tue, 1 Sep 2026 20:51:11 +0200 Subject: [PATCH] docs: Diagrammfarben in der Design-Dokumentation festhalten --- docs/DESIGN.md | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/docs/DESIGN.md b/docs/DESIGN.md index 86d8109..82eec92 100644 --- a/docs/DESIGN.md +++ b/docs/DESIGN.md @@ -103,6 +103,30 @@ denselben Variablennamen — keine Änderung an Komponenten. | `.fl-progress` | Fortschrittsbalken im Signaturverlauf | | `.fl-glimmer` | Mikro-Animation beim Abhaken einer Episode | +## Diagrammfarben + +Die Signaturfarben sind für Diagrammflächen auf dunklem Grund zu hell. Für die +beiden Serien der Statistik stehen deshalb abgedunkelte Varianten: + +| Serie | Wert | Prüfung | +|---|---|---| +| Episoden | `#c47a18` | Helligkeitsband, Sättigung, Kontrast ≥ 3:1 — in **beiden** Modi | +| Filme | `#d92d78` | dito | + +Das schlechteste Paar erreicht ΔE 12,1 unter Deuteranopie und 20,6 bei +normalem Sehen (Ziel: ≥ 8 bzw. ≥ 15). Beide Werte gelten auf hellem wie +dunklem Grund, weshalb es nur **eine** Diagrammpalette gibt statt zweier. + +Balken ohne Identitätsbedeutung (Genre-Verteilung) tragen einheitlich +`#c47a18` — die Länge zeigt schon die Größe, die Farbe muss nichts +wiederholen. Streamingdienste tragen ihre Markenfarbe, aber nur, wenn sie auf +hellem *und* dunklem Grund mindestens 3:1 erreicht; sonst fällt der Balken auf +den geprüften Standardton zurück. + +Die Aussage hängt nie allein an der Farbe: Legende, Achsenwerte, ein Tooltip +beim Überfahren und eine für Screenreader hinterlegte Tabelle tragen dieselbe +Information. + ## Bewegung Ruhig und kurz: 200–420 ms, `cubic-bezier(0.22, 1, 0.36, 1)`. Keine harten