37 lines
1.4 KiB
Markdown
37 lines
1.4 KiB
Markdown
# Дизайн-система: Трекер привычек «Ты хозяин своих привычек»
|
|
|
|
## Цветовая палитра (тёплая земляная)
|
|
|
|
### Фоны
|
|
- `--bg-main: #2C1810` — основной фон (глубокий шоколад)
|
|
- `--bg-card: #3E2418` — карточки/панели
|
|
- `--bg-hover: #4A2C1A` — наведение
|
|
- `--bg-border: #5C3A28` — границы
|
|
|
|
### Текст
|
|
- `--text-main: #F5E6D3` — основной (кремовый)
|
|
- `--text-secondary: #D9C4A8` — вторичный (беж)
|
|
- `--text-muted: #A68B6F` — приглушённый
|
|
|
|
### Акценты
|
|
- `--accent1: #E8B598` — персиково-нюдовый (главный, выполнено)
|
|
- `--accent2: #D4A574` — тёплый песочный
|
|
- `--accent3: #C08B65` — карамельный
|
|
- `--accent4: #A67B5B` — кэмел
|
|
- `--accent5: #8B6F4E` — мокко
|
|
- `--accent6: #F7EDE2` — слоновая кость (хайлайты)
|
|
- `--success: #B5A47A` — тёплый оливково-беж (100%)
|
|
|
|
### Типографика
|
|
- Заголовки: Playfair Display, Cormorant, Georgia, serif
|
|
- Текст: Inter, Manrope, system-ui, sans-serif
|
|
- Числа: tabular-nums
|
|
|
|
### Скругления
|
|
- Карточки: 12px
|
|
- Чекбоксы: 4px
|
|
- Кнопки: 8px
|
|
|
|
### Тени
|
|
- `box-shadow: 0 4px 20px rgba(44, 24, 16, 0.5)`
|