🎨 Эволюция токенов цветов в Tutu

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

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

Внутри: – Проблема: три приложения с разными системами цветов; – Первый подход: каждому элементу свой цвет без правил; – Что пошло не так: одинаковые кнопки разных цветов; – Два типа экранов: белые карточки на сером и просто белый фон; – Как решили проблему тёмной темы через автопереключение; – Новая система: базовые цвета, правила и готовые элементы; – Упрощение работы дизайнеров через автоматические режимы; – Результат: порядок в цветах и лёгкие изменения.

Кто любит возиться с ДСкой мастхэв видос ❤️ ➡️ Смотреть видео

———

💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В этом посте были ссылки, но мы их удалили по правилам Сетки