Momiji Blue Hour
Kühle, fast monochrome Grundfläche; eine einzige warme Farbe trägt die Aufmerksamkeit. Jede Farbe auf dieser Seite kommt aus einem shadcn-Token — es gibt keinen einzigen freien Hex-Wert im CSS. Umschalten oben rechts.
Sechs Farben aus dem Bild
Kuratiert, nicht statistisch extrahiert. Das Momiji-Rot belegt rund 3 % der Bildfläche und wäre bei frequenzbasierter Extraktion verschwunden — es ist trotzdem die Farbe, auf die das Auge springt, und darum Primary.
Token-Set
Buttons
Primary und Destructive sind beide rot — getrennt über Chroma (0.13 vs. 0.212) und Lightness, nicht über Hue. Nebeneinander sichtbar unterschiedlich, aber laut Doc §8 nie in derselben Button-Gruppe.
Badges
Karten und Formular
Etappe anlegen
Startpunkt und Distanz für den Tagesabschnitt.
Wird nur lokal gespeichert.
Löschen
Die korrekte Kombination laut §8: Primary bleibt Primary, die Gefahr sitzt im Ghost-Button.
Tabs, Tabelle, App-Shell
| Abschnitt | Status | Distanz | Anstieg |
|---|---|---|---|
| Kibune-guchi → Torii | geplant | 2,4 km | 140 m |
| Torii → Kurama-dera | aktiv | 1,8 km | 220 m |
| Kurama-dera → Pass | pausiert | 3,1 km | 310 m |
| Pass → Talstation | gesperrt | 4,7 km | −480 m |
Übersicht
Sidebar-Tokens im Einsatz. Laut Doc §10 sind diese noch ungetestet — das hier ist der Test.
Chart-Serien
Fünf Serien, kein benachbartes Hue-Paar unter 70° Abstand. In beiden Modi ≥ 3:1 gegen den Background.
Audit
WCAG 2.1, gerechnet mit scripts/contrast.py. Beim ersten
Durchlauf sind fünf Paare durchgefallen; die Werte unten sind die
korrigierten.
| Paar | Light | Dark | Soll | Status |
|---|
border ist bewusst nicht gegated: WCAG 1.4.11 gilt für
Begrenzungen, die ein Bedienelement identifizieren, nicht für dekorative
Trenner. Outline-Buttons und Inputs auf dieser Seite nutzen deshalb
--input (3.46:1 / 3.10:1), nicht --border.