florian.wildeandClaude Opus 5.5
cd83542482
Plan nach Freigabe vom 12.10.2026 mit den Antworten auf die sieben Rueckfragen. Issues fuer alle fuenf Phasen als Dateien, bis der Gitea-Zugang da ist (#030). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
26 lines
950 B
Markdown
26 lines
950 B
Markdown
# #002 Design-System und Layout
|
||
**Status:** offen
|
||
**Meilenstein:** v0.1.0
|
||
**Labels:** ui
|
||
**Geschätzt:** 4 h **Tatsächlich:** –
|
||
|
||
## Ziel
|
||
Design laut Vorgabe (Tresor, Graphit + Messing): Tokens, Schriften, Logo, Favicon/PWA-Icons, Grundlayout mit Seitenleiste.
|
||
|
||
## Aufgaben
|
||
- [ ] Design-Tokens als CSS-Variablen + Tailwind-Theme
|
||
- [ ] Space Grotesk, IBM Plex Sans, JetBrains Mono selbst gehostet (`@fontsource`)
|
||
- [ ] `public/brand/` mit `logo.svg`, `logo-light.svg`, `logo-mono.svg`, `favicon.svg`; PNG-Icons + Manifest per Skript
|
||
- [ ] Seitenleiste (Logo, Navigation, Benutzer unten), einklappbar auf schmalen Bildschirmen
|
||
- [ ] Grundkomponenten: Karte, Button (primär/sekundär/Gefahr), Badge, Statuspunkt, Tabelle, Diff-Box, Kennzahl-Kachel
|
||
|
||
## Akzeptanzkriterien
|
||
- [ ] Kontrast ≥ 4,5:1, Fokusrahmen in Messing
|
||
- [ ] Kein horizontales Scrollen bei 390 px
|
||
- [ ] Klickflächen ≥ 44 px
|
||
|
||
## Abhängigkeiten
|
||
#001
|
||
|
||
## Notizen / Entscheidungen
|