P11: Design System — WCAG, branding, marimo dashboard
Mature the visual identity into a proper design system: WCAG 2.2 AA compliance, rebrand CSS away from explicit retro references, integrate Nature palette.
Closeout
All 6 issues closed. Theme rebranded from "throwback" to "loch" — all CSS custom properties renamed from --tb- to --ds- prefix. Heading font switched from Press Start 2P to IBM Plex Mono 600 for accessibility. WCAG 2.2 AA audit completed with remediation (contrast ratios, focus indicators, keyboard navigation). Nature Research palette from assets/nature.py (citation 9ASETLJ4) integrated as CSS variables. Marimo landing page redesigned with dashboard tiles. Docusaurus custom.css fully updated with rebranded tokens.
Issues resolved
- #50 — Theme rebrand: throwback → loch, --tb- → --ds-
- #51 — Heading font: Press Start 2P → IBM Plex Mono 600
- #52 — WCAG 2.2 AA compliance audit and remediation
- #53 — Marimo landing page: dashboard tiles
- #54 — Nature palette integrated into CSS design system
- #55 — Docusaurus custom.css updated with rebranded design system
Residual
None. Design tokens are stable and propagated to all services.
No due date
100% Completed
