Конструктор

Тема и шрифты

Цвета, скругления и шрифты под ваш бренд

Обновлено 2026-09-03

Раздел Внешний вид в конструкторе задаёт цвета, шрифт и скругления. Изменения сразу видны в превью и применяются на публичном квизе и в виджете.

Готовые стили

Вверху раздела — восемь готовых стилей: Минимал, Деловой, Мягкий, Свежий, Океан, Яркий, Премиум, Тёмный. Клик по стилю меняет сразу всё: цвета, шрифт, скругление и вид карточек. Под названием подсказано, каким бизнесам стиль подходит. Выбранный стиль подсвечен рамкой. Если потом поправить любой цвет, подсветка снимется, а остальное останется.

Галочка «Оставить мой основной цвет» сохраняет ваш цвет кнопок (цвет бренда), а остальное берёт из стиля.

Карточки вариантов

С рамкой — тонкая граница, как раньше.
С мягкой тенью — без рамки, карточка чуть приподнята над фоном.
С заливкой — фон карточки слегка окрашен основным цветом.

Цвета

Параметр	Где используется
Основной цвет	Кнопки «Далее», «Отправить», акценты, цвет плавающей кнопки на сайте
Текст на кнопках	Цвет текста на primary-кнопках
Фон	Фон страницы квиза
Карточки	Фон блоков с вариантами ответов
Основной текст	Заголовки и основной текст
Вторичный текст	Подписи, hints
Границы	Рамки карточек и полей

По умолчанию — зелёная палитра (#5cb85c) с тёмно-серым текстом (#2b2f36).

Сбросить к умолчанию — вернуть заводские цвета.

Скругление

Выбор радиуса углов: 0, 8, 12, 16 или 24 px — для кнопок, карточек и полей.

Шрифты

Доступные семейства (подключены с quizai.pro, без Google CDN):

Системный (шрифт устройства)
Inter
Manrope
Montserrat
Open Sans
Nunito

Шрифт применяется ко всему тексту квиза.

Embed-превью

После сохранения в разделе «Внешний вид» показывается iframe с живым квизом — так вы видите тему так же, как посетитель на сайте.

Советы по брендингу

Основной цвет совместите с акцентом сайта — он же попадёт в data-color виджета.
Для читаемости держите контраст между фоном и основным текстом.
На мобильных крупное скругление (16–24 px) выглядит «апп-like».