Карточки с логотипами
Компактная версия карточек
Карточки-контейнеры
Карточки используются только в десктопной версии сайта. Для мобильной версии рекомендуем использовать вместо карточек вертикальные и горизонтальные списки с логотипами.
Карточки с логотипами
Могут быть двух видов:
— без примечания;
— с примечанием.
Без примечания
![](https://qiwiguide.ru/wp-content/uploads/2019/05/Logo-Cards@2x-1024x726.png)
Используются в каталоге провайдеров, включают в себя:
— название Body M 500 (Normal) в одну-три строки;
— цветной логотип провайдера 64×64px.
С примечанием
![](https://qiwiguide.ru/wp-content/uploads/2019/06/Icon-Cards-1024x468.png)
Карточки с примечаниями используются в качестве блоков, ведущих на другие разделы. Пример использования — страница пополнения.
Могут включать в себя:
— название Body M 500 (Normal) в одну-две строки;
— примечание Body S 300 (Normal) в одну-две строки.
Мобильная версия
![](https://qiwiguide.ru/wp-content/uploads/2019/07/Logo-Block-Link-Mobile@2x-1024x955.png)
![](https://qiwiguide.ru/wp-content/uploads/2019/07/Logo-Block-Link-S-Mobile@2x-1024x964.png)
Могут включать в себя:
— название Body S 500 (Normal) в одну-две строки;
— примечание Body S 300 (Normal) в одну строку.
Компактная версия карточек
Используются, когда на одной линии по горизонтали в блоке располагается три карточки и менее.
Могут быть двух видов:
— без примечания;
— с примечанием.
Без примечания
![](https://qiwiguide.ru/wp-content/uploads/2019/07/Logo-Block-Link-Horizontal-Desktop@2x-1024x435.png)
Включают в себя:
— название Body M 500 (Normal) в одну-две строки;
— цветной логотип провайдера 48×48px.
![](https://qiwiguide.ru/wp-content/uploads/2019/07/Logo-Block-Link-Horizontal-Hover-Desktop@2x-1024x233.png)
При наведении в карточке появляется Simple Button Round в размере 40×40px и карточка смещается вверх на 4px.
Тень карточки меняется с уровня Z1 на уровень Z2.
С примечанием
![](https://qiwiguide.ru/wp-content/uploads/2019/07/Logo-Block-Link-Description-Mobile-1024x384.png)
Могут включать в себя:
— название Body M 500 (Normal) в одну строчку;
— примечание Body S 300 (Normal) в одну строчку.
Карточки-контейнеры
![](https://qiwiguide.ru/wp-content/uploads/2018/12/Card-Container@2x--1024x687.png)
Обычно картинка растягивается на всю ширину карточки. Пример использования — открытки в переводах.