Initial commit: 79+ design patterns, LLM prompts, and assets

concepts/web-color-theory.md

@@ -0,0 +1,41 @@
+---
+title: Web Color Theory
+created: 2026-06-02
+updated: 2026-06-02
+type: concept
+tags: [web-design, color-theory]
+sources:
+  - raw/articles/web-design-research.md
+  - raw/articles/crawford-20-principles.md
+confidence: high
+---
+
+# Web Color Theory — Теория цвета в веб-дизайне
+
+## Правило 60-30-10
+- **60%** — основной цвет (фон, поверхности)
+- **30%** — вторичный (заголовки, секции)
+- **10%** — акцентный (CTA, ссылки, кнопки)
+
+## Психология цвета
+- **Синий** — доверие, стабильность (корпоративные сайты, банки)
+- **Красный** — срочность, действие (распродажи, CTA)
+- **Зелёный** — рост, деньги, экология
+- **Оранжевый** — энергия, доступность
+- **Фиолетовый** — роскошь, креативность
+- **Чёрный/Тёмный** — премиальность, минимализм
+
+## Контраст и доступность
+- Минимум 4.5:1 для обычного текста (WCAG AA)
+- Минимум 3:1 для крупного текста (18px+ bold или 24px+ regular)
+- Инструменты проверки: WAVE, Axe, color contrast analyzer
+
+## Тёмная тема
+- Фон: #121212 (не чистый чёрный — утомляет глаза)
+- Текст: #E0E0E0 (не белый)
+- Поверхности: иерархия через elevation (повышение яркости)
+- Material Design 3: Dynamic Color через цветовые тона
+
+## Китайский подход
+- Красный (удача), золотой (богатство), яркие градиенты
+- Плотная палитра — больше цветов на странице