Добавить
Уведомления

TDS 010 — Создаем цветовые и типографические токены

Переходим от настроек к реальной имплементации. Закладываем базовый текстовый компонент и начинаем собирать типографические токены: роли, грейды, веса и принципы комбинирования. Дальше — самое сложное и интересное: цветовые токены. Разбираем иерархию, неймспейсы, статические и семантические цвета, состояния (hover, press, active) и подход к автоматическому расчёту через color-mix. Обсуждаем компромиссы между ручной настройкой, дизайнерскими палитрами и генерацией, а также почему такие системы рождаются из практики, а не из книжек. #дизайнсистема #дизайнтокены #frontend #frontendархитектура #uiразработка #typography #colorTokens #css #nuxt #webdevelopment

12+
6 просмотров
10 дней назад
12+
6 просмотров
10 дней назад

Переходим от настроек к реальной имплементации. Закладываем базовый текстовый компонент и начинаем собирать типографические токены: роли, грейды, веса и принципы комбинирования. Дальше — самое сложное и интересное: цветовые токены. Разбираем иерархию, неймспейсы, статические и семантические цвета, состояния (hover, press, active) и подход к автоматическому расчёту через color-mix. Обсуждаем компромиссы между ручной настройкой, дизайнерскими палитрами и генерацией, а также почему такие системы рождаются из практики, а не из книжек. #дизайнсистема #дизайнтокены #frontend #frontendархитектура #uiразработка #typography #colorTokens #css #nuxt #webdevelopment

, чтобы оставлять комментарии