Кейс: Экосистема

Унификация палитры
Яндекса: от хаоса к абсолютной точности

Как мы помогли одной из крупнейших IT-компаний России выстроить колористическую консистентность между 14 сервисами и 500+ экранами приложений.

Скачать PDF-отчет Обсудить проект
Визуализация унифицированной цветовой палитры экосистемы

Вызов клиента

Проблема масштаба
⚠

Визуальный шум

Красный цвет такси, желтый поиск и зеленый маркетплейс использовались в разных оттенках на разных устройствах. Отклонение Delta E доходило до 5.0, что разрушало доверие пользователей к бренду.

⚡

Фрагментация

Каждая из 14 команд разработки поддерживала собственные локальные файлы с цветами. Изменение бренда требовало ручной работы дизайнеров в течение 3-х недель.

Решение с Хромали

Мы внедрили платформу Хромали как центральный источник истины для дизайн-системы.

  • ◈
    Единая база ICC-профилей: Настроили жесткую привязку к P3 и sRGB для всех веб-интерфейсов.
  • ◈
    API-интеграция: Подключили плагин Хромали к внутреннему репозиторию компонентов, блокируя использование невалидных hex-кодов на этапе коммита.
Схема интеграции Хромали в пайплайн разработки

Метрики эффективности

Результаты внедрения за первые 3 месяца

0.1 Delta E (среднее)
14 Сервисов объединено
-85% Время на аудит
0 Багов цвета в продакшене

«Хромали позволил нам перестать быть полицией цвета и начать создавать продукт. Теперь мы знаем, что любой пиксель, выходящий в сеть, соответствует нашему стандарту.»

— Александр В., Ведущий дизайнер дизайн-системы

Техническая реализация

Под капотом

Стек интеграции

Мы использовали REST API Хромали для синхронизации токенов с внутренним дизайн-инструментом команды. Настройка заняла менее 48 часов.

Ключевые инструменты: Figma API, React Token Engine, CI/CD GitHub Actions.

Валидация

Автоматические тесты теперь проверяют каждый скриншот регрессии на соответствие палитре. Если цвет отклоняется более чем на 0.5%, сборка падает.

Ваш бренд заслуживает точности

Не позволяйте оттенкам разрушать идентичность вашей компании.

Начать внедрение