◉
Выберите один «звучащий» цвет
Это ваш неон. Он должен работать на тёмном фоне и оставаться узнаваемым в 16-битной палитре. Всё остальное — поддержка.
Журнал · Интервью · выпуск №12
Как мы придумали наш фирменный неон
Личный разговор с основателем и арт-директором о том, как из трёх цветов и одного фейла собралась айдентика, которая теперь узнаётся с первого кадра.
35 минна чтение
12вопросов
2024интервью
px
«Неон —
это не цвет,
это энергия»
это не цвет,
это энергия»
— Артём Соколов, арт-директор Pixely
основатель Артём
✦ арт-директор Даша
электрик-лаванда ✦ неоновый розовый ✦ лаймовый ✦ цветовая матрица ✦ геймерские субкультуры ✦
электрик-лаванда ✦ неоновый розовый ✦ лаймовый ✦ цветовая матрица ✦ геймерские субкультуры ✦
Глава 01 · Палитра
Почему именно электрик-лаванда
Артём и Даша рассказывают, как из десятков образцов остался один цвет, который теперь «звучит» на каждом экране.
Даша: Лаванда — это не про нежность. Это про напряжение. Обычный фиолетовый «спит», а электрик-лаванда дёргается, как выключенный неон. Мы искали цвет, который выглядит дорого на тёмном фоне, но не теряет характер на белом. Три месяца мы меняли оттенок с 6C5CE7 на 4636C9, пока не нашли тот, где есть и глубина, и искра.
Артём: Важнее всего было расстояние до розового. Если лаванда и розовый сливаются — весь неон размывается. Поэтому мы держим между ними «дым» — промежуточные серо-фиолетовые, которые работают как переход в моушене. В итоге у нас не два цвета, а целая волна.
Глава 02 · Фейл
История одного фейла: когда цвет не работал
Запуск первого лендинга для финтех-стартапа «Квант» закончился тем, что аудитория не поняла, кто перед ней.
Артём: Мы поставили лаванду на белый фон и добавили розовые акценты. Красиво, да? Но розовый на белом «выгорал» — он терял неоновый эффект и превращался в грязно-алый. Пользователи писали: «похоже на приложение для свиданий». Мы потратили две недели на тесты, прежде чем поняли: неону нужен тёмный подлож.
Даша: Решение было не «добавить контраст», а сменить сценарий. Мы перевели весь интерфейс на тёмную основу #141327 и оставили лаванду как единственный свет. Розовый ушёл в микро-детали — индикаторы, иконки. Клик-скролл вырос на 41%, а «свиданковый» фидбек исчез полностью. Этот урок записан в нашем внутреннем руководстве как правило №1: неон живёт только на темноте.
Правило №1: неону нужен тёмный подлож
Никогда не ставите яркие неоновые акценты на светлый фон без проверки на «выгорание». Тёмная основа возвращает им энергию.
Глава 03 · Субкультуры
Влияние геймерских субкультур на восприятие цветов
68%
аудитории 18–34 реагирует на неон как на «сигнал безопасности»
3×
выше вовлечение, когда цвет ассоциируется с игровым UI
12
игр, из которых мы заимствовали цветовые паттерны
2019
год, когда мы начали систематизировать эти наблюдения
Даша: В играх неон — это не украшение, это информация. Синий — союзник, красный — враг, зелёный — ресурс. Мы перенесли эту логику в брендинг: каждый цвет в нашей матрице несёт конкретную функцию, а не просто «красиво». Лаванда — это «зона бренда», розовый — «действие», лаймовый — «успех».
Глава 04 · Матрица
Советы по созданию собственной цветовой матрицы
Четыре шага, которые мы даём каждому клиенту, чтобы собрать айдентику, которая не рассыпается на разных каналах.
♦
Добавьте один «анти-цвет»
Цвет, который создаёт напряжение с ядром. У нас это розовый против лаванды. Он не должен конкурировать, а дополнять.
✨
Назначьте каждому цвету роль
Какой цвет — для действий, какой — для информации, какой — для акцентов. Без ролей палитра превращается в кашу.
✦
Проверьте на «выгорание»
Поставьте все цвета на белый и тёмный фон. Если неон теряет характер на светлом — уберите его из этой зоны.
◇
Зафиксируйте соотношение
Мы держим 60/25/10/5: ядро, контраст, функция, основа. Эти цифры не догма, но они дают стабильность.
✦
Опишите в одном файле
HEX-коды, правила применения, примеры «да» и «нет». Без документа матрица начинает деградировать через 3 месяца.
Финал
Что остаётся после неона
Технически да, но мы не рекомендуем. Палитра — это не набор цветов, а система ролей и пропорций. Если взять только HEX-коды без логики, вы получите «похоже на Pixely», а не свою айдентику. Лучше пройти через шесть шагов матрицы с нуля.
Для одного бренда — от 2 до 4 недель. Из них половина — тесты на разных носителях: от иконки приложения до билборда. Мы не считаем это «дополнительной работой», а обязательным этапом.
Начните с шага 03: назначьте ролям существующим цветам. Часто проблема не в самих оттенках, а в том, что у них нет функции. Добавив роли и пропорции, можно спасти 80% существующих айдентик без полной переработки.
Не чаще раза в 2–3 года, если бренд не меняет позиционирование. Но раз в год мы советуем делать «аудит»: проверять, как цвета работают на новых каналах (например, в AR или на больших экранах) и корректировать пропорции.
Хотите собрать свою цветовую матрицу?
Пришлите текущую айдентику или описание бренда — мы покажем, где неон «выгорает» и как вернуть ему энергию.