Кастомизация и Дизайн
Внешний вид интерактивной формы напрямую влияет на доверие пользователей и узнаваемость бренда. Программный комплекс Form Make предоставляет гибкие инструменты для глубокой кастомизации интерфейса под корпоративные стандарты (Style Guide / Brandbook) без необходимости написания CSS-кода.
1. Глобальные параметры темы оформления
Настройка визуального стиля осуществляется в специализированной вкладке «Дизайн» панели управления. Все изменения отображаются в режиме реального времени в окне предпросмотра.
- Интерфейс редактора стилей и тем:

Основные компоненты кастомизации:
Цветовые схемы (Color Palette):
- Цвет фона (Background): Настройка заливки подложки (монохром, градиент или фоновое изображение).
- Цвет бренда (Primary Color): Задает оттенок для кнопок отправки, чекбоксов, радио-кнопок и прогресс-баров в их активном состоянии.
- Цвет текста (Typography Color): Раздельная настройка для заголовков (H1, H2) и основного текста вопросов.
Управление типографикой (Fonts):
- Платформа интегрирована с сервисом Google Fonts. Вы можете выбрать гарнитуру, оптимально соответствующую вашему сайту (например, Roboto, Montserrat, Inter), а также определить базовый размер и насыщенность (Weight) шрифтов.
2. Брендирование и медиа-контент
Для создания эффекта бесшовной интеграции (White Label) предусмотрены следующие модули:
- Логотип компании: Загрузка графического файла (
.png,.svgс прозрачным фоном). Логотип может быть выровнен по левому краю, центру или правому краю шапки. - Обложка формы (Header Banner): Загрузка широкоформатного изображения, которое закрепляется в верхней части формы. Оптимальное разрешение — 1200x400px.
- Тёмный режим (Dark Mode): Переключатель в панели управления позволяет принудительно активировать инвертированную темную тему для всей формы, либо включить адаптивный режим (форма подстраивается под системные настройки устройства респондента).
3. Адаптивность и UX-оптимизация
Интерфейсный движок Form Make автоматически компилирует адаптивную верстку. Независимо от того, насколько сложен элемент (например, Матрица или Сопоставление), сетка формы динамически перестраивается под:
- Десктопные мониторы высокой четкости (4K, FullHD).
- Планшетные компьютеры в горизонтальной и вертикальной ориентации.
- Экраны мобильных смартфонов (интерфейсные элементы увеличиваются для удобного клика пальцем).