Шапка Top bar

Слева находится логотип продукта и виджет переключения продуктов, а справа личный кабинет. Это обязательные элементы шапки.

Необязательные элементы — выбор организации, меню «Настройки» или «Реквизиты» и иконка-бургер главного меню.

Клик по логотипу ведёт на главную страницу продукта или обновляет состояние приложения до стартового.

Клик по стрелке рядом с логотипом открывает виджет выбора продуктов.

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

Добавьте кнопку для входа, если страницу продукта можно увидеть неавторизованному пользователю.

Так как переходы по разделам меню — не основной сценарий в продукте, главное меню скрыто в иконку-бургер.

При клике на иконку-бургер поверх контента раскрывается главное меню без пунктов «Организация», «Настройки» и «Пользователь», так как они вынесены в шапку.

Иконка переключения продуктов при наведении становится чёрной #222222.

У других элементов при наведении появляется серая подложка.