Шапка

Шапка в Фигме

Единая шапка помогает сделать сервисы Контура узнаваемыми. Она помогает пользователю быстро найти главные вещи — настройки, помощь, личный кабинет и организацию. Из шапки можно быстро перейти в любой сервис Контура.

Обязательные элементы — логотип сервиса, виджет для выбора сервиса и аватар пользователя. Если аватар не задан, то вместо него пишем инициалы пользователя.

Необязательные элементы — название организации, меню «Настройки и оплата» и «Помощь». Возможны небольшие изменения названий, главный критерий — узнаваемость для пользователя при переходе из сервиса в сервис.

Если контент страницы без плашки (например, монитор узкий и плашка не показывается для экономии места) — шапка отделяется от него разделителем в 1px с цветом #EDEDED

Кликабельные области, кроме логотипа, при наведении подсвечиваются серым.

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

Виджет помогает открыть в новой вкладке нужный сервис. Количество и названия пунктов у сервисов могут отличаться.

Список сервисов можно настроить. Для этого нажмите ссылку «Все сервисы» и перетащите нужные сервисы на белую область.

Меню «Пользователь» открывает выпадающий список с пунктами из личного кабинета. Ссылка для выхода всегда остается рядом с пользователем.

Меню «Реквизиты и настройки» так же открывает выпадающий список.

При необходимости содержимое шапки может варьироваться.