Files
wow-design-wiki/concepts/web-color-theory.md
T
neo 76c4c5b4fe design-systems: add 74 brand DESIGN.md files (VoltAgent/awesome-design-md)
- 74 brands: airbnb, stripe, apple, figma, linear, vercel, etc.
- 147 files: DESIGN.md + README.md per brand (~2.1 MB)
- Each DESIGN.md contains structured brand analysis (colors, typography, components)
- Updated 00-overview.md with new design-systems directory
2026-06-21 20:40:35 +05:00

1.8 KiB

title, created, updated, type, tags, sources, confidence
title created updated type tags sources confidence
Web Color Theory 2026-06-02 2026-06-02 concept
web-design
color-theory
raw/articles/web-design-research.md
raw/articles/crawford-20-principles.md
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 через цветовые тона

Китайский подход

  • Красный (удача), золотой (богатство), яркие градиенты
  • Плотная палитра — больше цветов на странице