Для верхнего меню предусмотрено 2 версии:
— десктопная;
— мобильная.
Десктопная версия
B2B-сервисы
Для отображения баланса используйте заголовки H4,
для пунктов меню — Body M 500 (Normal),
для дополнительного текста — Body S 500 (Normal).
B2С-сервисы*
* Звездочкой отмечены разделы с компонентами, которые еще не реализованы на qiwi.com, но используются в других продуктах.
Мобильная версия
Выбирайте фиксированную высоту верхнего меню — 60px. Ширина меню зависит от разрешения экрана мобильного устройства.
Мобильная версия верхнего меню содержит:
— иконки меню и профиля в размере 24×24px;
— горизонтальную версию логотипа;
— тень уровня Z 1.
При нажатии на иконку меню разворачивается модальное окно. Окно занимает всю ширну экрана и включает в себя:
— иконку крестика 24×24px;
— текст Body M 500 (Normal);
— контентные ссылки;
— поле ввода с поиском;
— горизонтальную версию логотипа;
— разделитель.
