Дизайн-системы
Токены, компоненты и документация — как система держит дизайн и код вместе.
Статьи · 6
-
Передача в разработку
Путь решения от макета до страницы, что входит в полную передачу, карточка глазами разработчика, инструменты, файлы и чек-лист — с живыми примерами.
Читать
-
Что такое дизайн-система
Пять слоёв дизайн-системы, что у неё внутри, одно решение, которое меняет всё сразу, когда она окупается, сайт с системой и без неё и готовые системы — с живыми примерами.
Читать
-
Компоненты и состояния
Анатомия кнопки, три вида в шести состояниях, восемь состояний и что они показывают, поле с ошибками и настоящие состояния, которые можно попробовать, — с живыми примерами.
Читать
-
Дизайн-токены
Что такое дизайн-токены, три уровня от палитры до компонентов, как их называть, одна карточка в трёх темах, виды токенов и код — с живыми примерами.
Читать
-
Сетка и отступы
Шкала отступов на основе 4 px, карточка на глаз и по шкале, закон близости, сетка на 12, 8 и 4 колонки и ритм страницы — с живыми примерами.
Читать
-
Типографическая шкала
Что такое типографическая шкала, восемь классических коэффициентов, одна страница в трёх шкалах, плавные размеры через clamp(), длина строки и интервал — с живыми примерами.
Читать