# Брендирование платформы

Функция White Label в платформе SKIF.PRO позволяет интеграторам настроить веб-интерфейс, почтовые уведомления и мобильные приложения под собственный фирменный стиль. Подключение брендирования доступно партнерам и интеграторам через персонального менеджера.

## Свойства брендирования

Для оформления веб-интерфейса и мобильных приложений используются следующие параметры и материалы:

| Параметр | Описание |
| --- | --- |
| Название бренда | Текстовое наименование компании для отображения в интерфейсе и почтовых рассылках |
| Логотип веб-интерфейса | Графический файл PNG или JPEG размером до 320×132 px в альбомной ориентации |
| Обложка страницы входа | Фоновое изображение авторизации от 1600×1200 px (до 2 МБ) с безопасной зоной 192 px |
| Обложка e-mail писем | Изображение для шапки системных писем размером 600×100 px (PNG или JPEG) |
| Favicon | Иконка веб-вкладки браузера в формате ICO размером 32×32 px |
| Поддомен системы | Собственное доменное имя интегратора с A-записью на IP-адрес `185.63.190.43` |
| Логотип мобильного приложения | Квадратная иконка в формате PNG или SVG с разрешением от 1024×1024 px |
| Фирменный цвет приложения | Цветовой код темы интерфейса и интерактивных элементов управления |

## Подключение White Label

Процесс подключения и настройки индивидуального брендинга состоит из трех последовательных этапов.

### Запрос услуги

1. Свяжитесь с персональным менеджером SKIF.PRO и запросите подключение услуги White Label.
2. Согласуйте условия обслуживания, перечень компонентов брендирования и желаемое доменное имя.

### Подготовка материалов веб-интерфейса

1. Подготовьте логотип компании в формате PNG или JPEG с прозрачным фоном и разрешением до 320×132 px.
2. Сформируйте фоновое изображение для страницы авторизации с разрешением от 1600×1200 px.
3. Сохраните безопасную зону не менее 192 px по краям обложки для предотвращения обрезки текста на экранах.
4. Создайте баннер для шапки почтовых уведомлений размером 600×100 px.
5. Подготовьте файл иконки favicon в формате ICO с разрешением 32×32 px.
6. Сформируйте при необходимости пользовательские JavaScript-файлы для подключения внешних чатов или виджетов.
7. Передайте подготовленный комплект бренд-материалов персональному менеджеру.

> При отсутствии предоставленной обложки e-mail системные письма отправляются без верхней шапки, а при отсутствии favicon используется стандартная иконка SKIF.PRO.

### Настройка домена

1. Откройте панель управления DNS у регистратора вашего доменного имени.
2. Создайте новую A-запись для выбранного поддомена (например, `skifpro.company.pro`).
3. Укажите IP-адрес `185.63.190.43` в поле значения создаваемой A-записи.
4. Сохраните внесенные изменения в панели DNS-сервера.
5. Проверьте применение настроек DNS с помощью команды `nslookup` в терминале.

```bash
nslookup skifpro.company.pro
```

## Брендирование мобильных приложений

Для публикации брендированной версии мобильного клиента в магазинах приложений App Store и Google Play подготовьте технические данные:

1. Сформируйте точное название приложения для карточки в каталогах App Store и Google Play.
2. Подготовьте графический логотип в формате PNG или SVG с разрешением 1024×1024 px.
3. Выберите основной фирменный цвет интерфейса (рекомендуется темный оттенок для комфортного контраста).
4. Создайте тестовую учетную запись в **Админ-панели** с ролью **Читатель** и минимум одним активным объектом мониторинга.
5. Разместите политику конфиденциальности на вашем корпоративном сайте по общедоступному URL-адресу.
6. Передайте ссылки на службу технической поддержки и маркетинговую страницу приложения вашему менеджеру.

## Примеры оформления

Ниже представлены примеры размещения графических элементов и интерфейса:

### Страница авторизации и безопасная зона

Обложка экрана входа и разметка безопасных отступов:

![Обложка страницы входа](Брендирование/обложка_для_страницы_входа.png)

![Безопасная зона обложки](Брендирование/тест_безоп_зона.png)

### Почтовые рассылки и логотип

Шапка системных уведомлений и логотип компании:

![Обложка для email](Брендирование/обложка_для_email.jpg)

![Логотип компании](Брендирование/логотип.png)

### Мобильное приложение

Интерфейс главного экрана и профиля пользователя:

![Главный экран приложения](Брендирование/scr-20260209-jhss-6.webp)

![Профиль в мобильном приложении](Брендирование/scr-20260209-jhss-7.png)

## Смотрите также

- [Компании и сущности](%D0%90%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C/%D0%9A%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B8%20%D0%B8%20%D1%81%D1%83%D1%89%D0%BD%D0%BE%D1%81%D1%82%D0%B8.md)
- [Роли доступа](Роли%20доступа.md)
- [Основные понятия](%D0%90%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C/%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D1%8B%D0%B5%20%D0%BF%D0%BE%D0%BD%D1%8F%D1%82%D0%B8%D1%8F.md)