# #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