Базовая сетка
Базовая сетка в 4pt помогает корректно масштабировать элементы интерфейса под необходимое разрешение экрана и соблюдать пропорции элементов.
Контентные блоки
Бывают четырех типов:
— карточки с закруглениями 8pt;
— карточки без закруглений на всю ширину экрана;
— экраны с белым фоном;
— карточки с закруглениями 16pt.
Цвет фона и блоков
Контентные блоки всегда белого цвета — #FFF, rgb (255, 255, 255).
Основной фон светло-серый — #F5F5F5, rgb (245, 245, 245).
Карточки с закруглениями 8pt
Используются в разделе идентификации и в списках карт. Добавляйте к таким карточкам закругление 8pt и тень уровня Z 1.
Карточки на всю ширину экрана
Используются в истории. Не имеют закруглений. К карточками добавляется тень уровня Z 1.
Экраны с белым фоном
Белый фон используется на детальной странице карт и в списке провайдеров, а также в модальных окнах и на пустых экранах.
Карточки с закруглением 16pt
Используются в качестве акцентных блоков, к которым нужно привлечь внимание. Например, на главной странице для отображения баланса. Добавляйте к таким карточкам закругление 16pt и глубокую тень уровня Z 2.
