Blame

19ed2b GitLab Sync 2026-10-01 13:20:37
sync: pull wiki from dev
1
# Брендирование платформы
2
3
Функция White Label в платформе SKIF.PRO позволяет интеграторам настроить веб-интерфейс, почтовые уведомления и мобильные приложения под собственный фирменный стиль. Подключение брендирования доступно партнерам и интеграторам через персонального менеджера.
4
5
## Свойства брендирования
6
7
Для оформления веб-интерфейса и мобильных приложений используются следующие параметры и материалы:
8
9
| Параметр | Описание |
10
| --- | --- |
11
| Название бренда | Текстовое наименование компании для отображения в интерфейсе и почтовых рассылках |
12
| Логотип веб-интерфейса | Графический файл PNG или JPEG размером до 320×132 px в альбомной ориентации |
13
| Обложка страницы входа | Фоновое изображение авторизации от 1600×1200 px (до 2 МБ) с безопасной зоной 192 px |
14
| Обложка e-mail писем | Изображение для шапки системных писем размером 600×100 px (PNG или JPEG) |
15
| Favicon | Иконка веб-вкладки браузера в формате ICO размером 32×32 px |
16
| Поддомен системы | Собственное доменное имя интегратора с A-записью на IP-адрес `185.63.190.43` |
17
| Логотип мобильного приложения | Квадратная иконка в формате PNG или SVG с разрешением от 1024×1024 px |
18
| Фирменный цвет приложения | Цветовой код темы интерфейса и интерактивных элементов управления |
19
20
## Подключение White Label
21
22
Процесс подключения и настройки индивидуального брендинга состоит из трех последовательных этапов.
23
24
### Запрос услуги
25
26
1. Свяжитесь с персональным менеджером SKIF.PRO и запросите подключение услуги White Label.
27
2. Согласуйте условия обслуживания, перечень компонентов брендирования и желаемое доменное имя.
28
29
### Подготовка материалов веб-интерфейса
30
31
1. Подготовьте логотип компании в формате PNG или JPEG с прозрачным фоном и разрешением до 320×132 px.
32
2. Сформируйте фоновое изображение для страницы авторизации с разрешением от 1600×1200 px.
33
3. Сохраните безопасную зону не менее 192 px по краям обложки для предотвращения обрезки текста на экранах.
34
4. Создайте баннер для шапки почтовых уведомлений размером 600×100 px.
35
5. Подготовьте файл иконки favicon в формате ICO с разрешением 32×32 px.
36
6. Сформируйте при необходимости пользовательские JavaScript-файлы для подключения внешних чатов или виджетов.
37
7. Передайте подготовленный комплект бренд-материалов персональному менеджеру.
38
39
> При отсутствии предоставленной обложки e-mail системные письма отправляются без верхней шапки, а при отсутствии favicon используется стандартная иконка SKIF.PRO.
40
41
### Настройка домена
42
43
1. Откройте панель управления DNS у регистратора вашего доменного имени.
44
2. Создайте новую A-запись для выбранного поддомена (например, `skifpro.company.pro`).
45
3. Укажите IP-адрес `185.63.190.43` в поле значения создаваемой A-записи.
46
4. Сохраните внесенные изменения в панели DNS-сервера.
47
5. Проверьте применение настроек DNS с помощью команды `nslookup` в терминале.
48
49
```bash
50
nslookup skifpro.company.pro
51
```
52
53
## Брендирование мобильных приложений
54
55
Для публикации брендированной версии мобильного клиента в магазинах приложений App Store и Google Play подготовьте технические данные:
56
57
1. Сформируйте точное название приложения для карточки в каталогах App Store и Google Play.
58
2. Подготовьте графический логотип в формате PNG или SVG с разрешением 1024×1024 px.
59
3. Выберите основной фирменный цвет интерфейса (рекомендуется темный оттенок для комфортного контраста).
60
4. Создайте тестовую учетную запись в **Админ-панели** с ролью **Читатель** и минимум одним активным объектом мониторинга.
61
5. Разместите политику конфиденциальности на вашем корпоративном сайте по общедоступному URL-адресу.
62
6. Передайте ссылки на службу технической поддержки и маркетинговую страницу приложения вашему менеджеру.
63
64
## Примеры оформления
65
66
Ниже представлены примеры размещения графических элементов и интерфейса:
67
68
### Страница авторизации и безопасная зона
69
70
Обложка экрана входа и разметка безопасных отступов:
71
72
![Обложка страницы входа](./%D0%BE%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B0_%D0%B4%D0%BB%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B_%D0%B2%D1%85%D0%BE%D0%B4%D0%B0.png)
73
74
![Безопасная зона обложки](./%D1%82%D0%B5%D1%81%D1%82_%D0%B1%D0%B5%D0%B7%D0%BE%D0%BF_%D0%B7%D0%BE%D0%BD%D0%B0.png)
75
76
### Почтовые рассылки и логотип
77
78
Шапка системных уведомлений и логотип компании:
79
80
![Обложка для email](./%D0%BE%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B0_%D0%B4%D0%BB%D1%8F_email.jpg)
81
82
![Логотип компании](./%D0%BB%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF.png)
83
84
### Мобильное приложение
85
86
Интерфейс главного экрана и профиля пользователя:
87
88
![Главный экран приложения](./scr-20260209-jhss-6.webp)
89
90
![Профиль в мобильном приложении](./scr-20260209-jhss-7.png)
91
92
## Смотрите также
93
94
- [Компании и сущности](/%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C/%D0%BA%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)
9c51be GitLab Sync 2026-10-02 10:32:51
sync: pull wiki from dev
95
- [Роли доступа](/%D0%B0%D0%B3%D1%80%D0%BE-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C/%D1%80%D0%BE%D0%BB%D0%B8%20%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%B0)
19ed2b GitLab Sync 2026-10-01 13:20:37
sync: pull wiki from dev
96
- [Основные понятия](/%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C/%D0%BE%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)