Сетка и блоки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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