Система отступов простым языком 🔥

Продолжаем качать системное мышление и более осознанный подход на примере UI-кита. Тема клевая, многие слышали, но материала не так много в интернете, поэтому, чаек-кофеек и погнали разбираться:

✦ что такое система отступов;
✦ зачем нужна;
✦ что такое базовый модуль и какой выбрать для своего проекта;
✦ линейка отступов;
✦ компоненты на основе линейки;
✦ о токенах (коротко);
✦ какой нейминг для токенов выбрать;
✦ как применять токены;
✦ что стоит документировать.

📹 Смотреть на YouTube

Доп. материалы:
Space, grids, and layouts
Руководство дизайнера по DPI и PPI
Почему дизайнеры должны переходить с px на rem
Ультимативный гайд по дизайн-токенам
Калькулятор px to rem
Spacing methods, Material Design
Design Tokens Format Module

WISE · Carbon · Polaris · Atlassian · СБЕР NOVA · Pie

Как обычно, приглашаю всех в комменты, дополняйте, делитесь своим опытом 👇 Ну, а ваши лайкосы, само собой — это солидная + мораль. Поддержите сердечком и приятного просмотра :)

#обучение