Soubor `CLAUDE.md` Claude Code automaticky načte při startu jako kontext projektu.
Brief pro typ aplikace „—" nebyl nalezen.
Zvolte typ aplikace ve wizardu.
moje-aplikace
Toto je přesný obsah, který agent najde v naklonovaném repozitáři. Soubor CLAUDE.md dostane jako kontext, DESIGN.md popisuje vizuální systém.
Technologie: —
Doména: —
Typ: —
Prostředí: Claude Code
Styl: Jemná
# DESIGN.md
Tento dokument popisuje vizuální systém aplikace **moje-aplikace**. Slouží jako brief pro vývojářského agenta — pokrývá barvy, styl a CSS proměnné, které musí každá komponenta respektovat.
## 1. Style category — `jemna`
**Jemná.** Měkké rohy, decentní stíny, jemná typografie. Vhodné pro produktivitu, fintech, B2B nástroje.
Atribut `data-style="jemna"` se aplikuje na kořenový kontejner aplikace a přepíná tokeny níže.
### Tokeny stylu
```css
[data-style="jemna"] {
--pp-radius-sm: 6px;
--pp-radius-md: 10px;
--pp-radius-lg: 14px;
--pp-bold: 600;
--pp-text-transform: none;
--pp-border-width: 1px;
--pp-shadow-card: 0 2px 6px rgba(0,0,0,0.06);
}
```
## 2. Palette
_Paleta nebyla zvolena._
## 3. Pravidla pro komponenty
- Nikdy nehardcoduj barvu z palety — vždy přes proměnnou `--pp1..--pp4`.
- Rohy, tloušťka okrajů a stíny vychází z `--pp-radius-*`, `--pp-border-width`, `--pp-shadow-card`.
- Tučnost textu řídí `--pp-bold`; všechna tlačítka a nadpisy mají `font-weight: var(--pp-bold)`.
- Velká písmena jsou `text-transform: var(--pp-text-transform)` — v style `highcontrast` se zapíná `uppercase`.
- Přechody barev / radiusů 320 ms, aby přepnutí palety neblikalo.