Базовая сетка

На qiwi.com используется единая сетка размеров и отступов. В основе сетки лежит супер-пиксель размером 4px — это значение приравнивается к единице.

Базовая сетка 4×4px помогает корректно масштабировать компоненты дизайна, задавать размеры и управлять отступами.

ЗначениеМножительПрименение
16px×4Типографика
20px×5Типографика
24px×6Типографика
28px×7Типографика
32px×8Типографика
36px×9Типографика
48px×12Типографика
56px×14Типографика
64px×16Изображения
96px×24Изображения
144px×36Изображения
256px×64Изображения
512px×128Изображения

Далее «Сетка и блоки»