ЧТО СДЕЛАЛ
1. Дизайн-система на токенах. В коде не осталось «emerald» — есть смысловые переменные: --paper (фон), --ink (текст), --brand (акцент), --line (границы). Сменить палитру теперь — значит поменять одну строчку, а не сто классов.
2. Один источник правды: спецификация v2.2 плюс HTML-превью дизайн-системы. ИИ-агент получает не «сделай красиво», а конкретные значения и правила.
3. Убрал все градиенты. Сплошные цвета, а иерархия — за счёт интенсивности, отступов и веса шрифта.
4. Единый шрифт Plus Jakarta Sans; все финансовые числа — tabular-nums, чтобы цифры не прыгали при обновлении.
5. Одна палитра графиков для светлой и тёмной тем: капитал — зелёный, взносы — синий, золото — оранжевый.
6. Один кастомный компонент ползунка на все формы вместо трёх разных.
7. Новый футер с реквизитами и честный дисклеймер «не является индивидуальной инвестиционной рекомендацией».
КАК КОНТРОЛИРОВАЛ КАЧЕСТВО
Работал в связке с ИИ-агентом: я пишу спецификацию и проверки, агент — код. После каждой задачи гоняем автоматические гейты: поиск по коду должен находить ноль захардкоженных цветов Tailwind, ноль градиентов и ноль моноширинных шрифтов на числах, а сборка и 26 тестов — быть зелёными. Гейт падает — код не проходит, точка.
Итог: +1144 / -793 строк, сборка за 0,7 секунды.
Дизайн наконец консистентный, и новая фича красится за минуты, а не за вечер.
ГЛАВНЫЙ ВЫВОД
Нейросеть пишет код хорошо, но только когда у неё есть контракт. Дизайн-токены — это контракт для визуала. Спецификация плюс гейты заменяют «ну вроде нормально».
Глянуть вживую: invest.stanislavdovidenko.com
Не является ИИР
Дизайнатор Стас
#дизайнсистема #токены
дизайнатор
18 окт 2026 01:15
Комментариев пока нет.