Контент на qiwi.com желательно размещать в интерфейсных блоках. Интерфейсный блок представляет собой прямоугольную белую плашку (#FFF, rgb 255, 255, 255) с радиусом скругления 10px и тенью уровня Z1.
Минимальная высота интерфейсного блока — 64px.
Виды блоков
Блоки бывают статичными и активными. Все блоки размещаются на сером фоне #F5F5F5, rgb (245, 245, 245).
Статичные блоки
Статичные блоки служат подложкой. Их задача — привлекать внимание к контенту и интерактивным элементам.
Активные блоки
Активные блоки — это интерактивные элементы, реагирующие на наведение и клик.
Отступы
Внутренние отступы
Для интерфейсных блоков предусмотрено два вида внутренних отступов: обычные и увеличенные.
Обычные отступы применяются для компактного размещения контента в интерфейсных блоках шириной до 580px. Увеличенные оступы могут использоваться на блоках шириной более 580px.
Не рекомендуется размещать блоки с обычными и увеличенными отступами на одной странице.
Отступы между блоками
Вертикальные и горизонтальные отступы от одного интерфейсного блока до другого — 20px.
Исключение составляют блоки, разделенные внешним заголовком или навигацией. В таком случае величина вертикального отступа зависит от параметров разделяющего элемента.
