Раздел «Тема визарда» настраивает оформление визарда привязки второго фактора под фирменный стиль организации: логотип и цветовую схему. Визард — страница, которую пользователи открывают по ссылке настройки 2FA, поэтому знакомое оформление повышает доверие к странице и снижает количество обращений в поддержку. Тема одна на организацию и применяется ко всем ссылкам настройки.
Основные настройки
- Название темы — имя темы;
- Логотип — логотип организации, отображаемый в шапке визарда. Рекомендуется файл SVG с прозрачным фоном; оптимальная ширина — 200–400 px, желательная высота — до 400 px.
Цвета темы
Цвета задаются в формате HEX (например, #2A5FAD); рядом с полем отображается текущее значение. Настраиваются следующие элементы:
- Основной брендовый цвет — основной цвет интерфейса визарда (кнопки, ключевые элементы);
- Основной цвет при наведении — цвет основных элементов при наведении курсора;
- Акцентный цвет — цвет акцентных элементов;
- Цвет ссылок — цвет текстовых ссылок;
- Фон страницы — цвет фона страницы визарда;
- Фон карточек/блоков — цвет фона карточек и блоков;
- Основной текст — цвет основного текста;
- Вторичный текст — цвет вспомогательного текста (подсказки, пояснения);
- Цвет границ — цвет рамок и разделителей;
- Текст на кнопках — цвет текста на кнопках; подберите контрастный к основному брендовому цвету;
- Цвет фокуса — цвет подсветки активного элемента (поля ввода, кнопки при выборе с клавиатуры).
На примерах ниже показано, за какие элементы визарда отвечают параметры темы.
Шаг выбора способа — фоны, текст, кнопки и границы:
Шаг активации устройства — ссылки и акцентные элементы:
После сохранения тема применяется к визарду для всех новых открытий ссылок настройки. Проверить оформление удобно, открыв ссылку настройки тестового пользователя.