На старом проекте возрастом более 10 лет, было решено провести редизайн. Когда дизайнер начал составлять дизайн систему и определять единую палитру цветов, анализ проекта показал, что цвета на сайте не имеют общей палитры. Например, внешне похожий на эталонный красный цвет был представлен в 70 вариантах. После анализа кода разработчиками, оказалось, что все эти цвета используются без какой-либо системы в случайных местах проекта, например красные оттенки встречались в 260 разных местах на проекте. Поэтому просто изменить разом цвета невозможно без глобальной ручной чистки проекта, которая очень трудозатратна.

Нужно было привести все цвета в кодовой базу проекта к эталонным с минимальными трудозатратами, чтобы упростить изменение дизайна сайта.

Был проведен анализ ситуации и разработана система для решения проблемы. Система представляла из себя витрину всех реальных цветов проекта, которые автоматически подтягивались из кода, с указанием количества вхождений и цифрового кода цвета. Система предоставляла интерфейс для дизайнера, в котором он мог проанализировать эти цвета и определить можно ли их привести автоматически к эталонному цвету дизайн системы. После анализа были составлены формулы автоматического преобразования существующих цветов к эталонным и по этим формулам разработанным скриптом в коде были заменены на переменные с эталонными цветами.