Карточки

Карточки с логотипами
Компактная версия карточек
Карточки-контейнеры

Карточки используются только в десктопной версии сайта. Для мобильной версии рекомендуем использовать вместо карточек вертикальные и горизонтальные списки с логотипами.

Карточки с логотипами

Могут быть двух видов:
— без примечания;
— с примечанием.

Без примечания

Используются в каталоге провайдеров, включают в себя:
— название Body M 500 (Normal) в одну-три строки;
— цветной логотип провайдера 64×64px.

С примечанием

Карточки с примечаниями используются в качестве блоков, ведущих на другие разделы. Пример использования — страница пополнения.

Могут включать в себя:
— название Body M 500 (Normal) в одну-две строки;
— примечание Body S 300 (Normal) в одну-две строки.

Мобильная версия

Могут включать в себя:
— название Body S 500 (Normal) в одну-две строки;
— примечание Body S 300 (Normal) в одну строку.

Компактная версия карточек

Используются, когда на одной линии по горизонтали в блоке располагается три карточки и менее.

Могут быть двух видов:
— без примечания;
— с примечанием.

Без примечания

Включают в себя:
название Body M 500 (Normal) в одну-две строки;
— цветной логотип провайдера 48×48px.

При наведении в карточке появляется Simple Button Round в размере 40×40px и карточка смещается вверх на 4px.

Тень карточки меняется с уровня Z1 на уровень Z2.

С примечанием

Могут включать в себя:
— название Body M 500 (Normal) в одну строчку;
— примечание Body S 300 (Normal) в одну строчку.

Карточки-контейнеры

Обычно картинка растягивается на всю ширину карточки. Пример использования — открытки в переводах.

Далее «Кнопки»