«Сделайте нам тёмную тему, это стильно» — слышу регулярно. Иногда соглашаюсь, иногда отказываю. Потому что тема — не про стиль, а про то, кому и что вы продаёте. Разберём без вкусовщины.
Когда тёмная тема работает
Технологичный продукт или студия. Тёмный фон считывается как «инженерность» — недаром её выбирают IT-бренды. Наш сайт тёмный именно поэтому.
Премиум и визуальный продукт. На тёмном фоне фото и графика «светятся» — портфолио, архитектура, авто выигрывают.
Вечерний контекст использования. Развлечения, ивенты, гейминг — аудитория листает вечером, тёмная тема глазам приятнее.
Когда светлая — единственный правильный выбор
Медицина и всё, где продаётся доверие. Свет = чистота и открытость. Тёмная клиника подсознательно тревожит — поэтому медицинские сайты мы делаем светлыми, хотя сами живём в тёмной теме.
Аудитория 50+. С возрастом контрастная чувствительность падает: светлый текст на тёмном читается тяжелее. Если ваш пациент или покупатель старше — не мучайте его.
Длинные тексты. Блог, документация, каталоги с описаниями — долгое чтение на тёмном утомляет быстрее.
Печать и офлайн-связка. Если сайт продолжает брошюры, меню, прайсы — светлая тема держит единство.
Независимо от темы: контраст и доступность
Главная ошибка не «тёмная или светлая», а серый текст на сером. Минимум 4.5:1 контраста для основного текста (стандарт WCAG) — это не бюрократия, а разница между «прочитал» и «закрыл». У тёмной темы своя ловушка: чисто-белый текст на чисто-чёрном «звенит» — более мягкие оттенки читаются лучше.
А может, переключатель?
Можно, и мы такое делаем. Но честно: переключатель удваивает дизайн-тестирование — каждый экран, каждая иллюстрация и график должны работать в обеих темах. Для контент-сайтов и продуктов это оправдано, для сайта услуг чаще всего нет: лучше одна тема, сделанная безупречно.
Как выбрать за 4 вопроса
- Кому продаёте? 50+ или медицина/финансы → светлая
- Что показываете? Много фото и визуала → можно тёмную
- Сколько читают? Длинные тексты → светлая
- Какой бренд? Техно/премиум → тёмная работает на вас
Кстати, эти соображения — часть более широкого разбора о доверии в дизайне: что вызывает доверие на медицинских сайтах и 9 приёмов, которые подняли конверсию.