Сетка и блоки

Базовая сетка
Контентные блоки

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

Базовая сетка в 4pt помогает корректно масштабировать элементы интерфейса под необходимое разрешение экрана и соблюдать пропорции элементов.

Контентные блоки

Бывают четырех типов:
карточки с закруглениями 8pt;
карточки без закруглений на всю ширину экрана;
экраны с белым фоном;
карточки с закруглениями 16pt.

Цвет фона и блоков

Контентные блоки всегда белого цвета — #FFF, rgb (255, 255, 255).
Основной фон светло-серый — #F5F5F5, rgb (245, 245, 245).

Карточки с закруглениями 8pt

Используются в разделе идентификации и в списках карт. Добавляйте к таким карточкам закругление 8pt и тень уровня Z 1.

Карточки на всю ширину экрана

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

Экраны с белым фоном

Белый фон используется на детальной странице карт и в списке провайдеров, а также в модальных окнах и на пустых экранах.

Карточки с закруглением 16pt

Используются в качестве акцентных блоков, к которым нужно привлечь внимание. Например, на главной странице для отображения баланса. Добавляйте к таким карточкам закругление 16pt и глубокую тень уровня Z 2.

Далее «Алерты»