ИИ · form_theme

ИИ-тема оформления: схема цветов и шрифты из пресетов

После структуры формы Formo4ka вызывает apply_form_theme_onlygenerate_form_theme и ставит только color_scheme и typography {body, display}. Не произвольный hex: ИИ выбирает из фиксированных схем и шрифтов. Фон — из пресета схемы; кастомный background задаётся вручную, ИИ-путь его сбрасывает.

Бесплатный старт · тарифы · без фейковых рейтингов на странице

ИИ выбирает цветовую схему и шрифты формы Formo4ka

Зачем тема, если «и так видно поля»

Респондент за секунды считывает тон: HR в Sage/Graphite ≠ квиз с Klyakson. Accent, ink и pageBackground из схемы снимают ручной CSS. Тема не заменяет смысл вопросов — снижает шум и делает форму узнаваемой рядом с логотипом.

Связка с ИИ-генерацией форм: сначала структура полей, затем тема. Отдельно — ИИ-изображения и ручное оформление.

Что делает ИИ vs ручные настройки

ИИ (form_theme)

  • Выбирает color_scheme из 6 пресетов
  • Ставит typography.body и typography.display из allowlist
  • Сбрасывает кастомный background, чтобы сработал фон схемы
  • Не загружает логотип и не рисует обложку

Вручную (Form Settings)

  • colorScheme / fontBody / fontDisplay в formStore
  • Можно сменить пресет после ИИ
  • Кастомный фон — вручную (не через ИИ-тему)
  • Логотип и медиа — отдельно
Шесть цветовых схем Formo4ka в настройках формы

Шесть реальных схем (formColorSchemes)

Каждая схема задаёт CSS-переменные: ink, accent, accentHover, accentSoft, border, shadow, pageBackground. DEFAULT — formo4ka (#8843D2).

mono — Классика

Нейтральная ч/б. Accent = ink #180E14. Для документов и «без цвета».

formo4ka — Formo4ka

Фирменная сиреневая: accent #8843D2. Дефолт платформы.

sage — Sage

Спокойный зелёный #2F7D62. Анкеты, запись, HR.

sky — Sky

Деловая синяя #2D6CDF. Заявки B2B, демо, опросы после вебинара.

terracotta — Terra

Тёплая #B65A38. Заявки салона, отзывы, «домашний» тон.

graphite — Graphite

Сдержанная #4F475F с лавандовым оттенком. Корпоративный нейтрал.

Шрифты body и display

Body (текст полей и подписей): inter, plus_jakarta, onest, golos, dm_sans, work_sans, manrope, source_sans. Для кириллицы удобны Onest и Golos Text.

Display (заголовки): inter, klyakson, space_grotesk, bricolage, montserrat, jost, unbounded, comfortaa, playfair, cormorant, fraunces, lora.

Оговорка про Klyakson

Klyakson — playful-only: для развлекательных квизов и лёгких механик. Не ставьте его на оферту юрфирмы или внутренний HR-пульс — читаемость и тон пострадают. ИИ может предложить его под «игровой» промпт; в деловых кейсах смените display вручную.

Пошагово

  1. Опишите задачу и тон — отрасль и настроение в промпте.
  2. Сгенерируйте форму — после структуры сработает form_theme.
  3. Проверьте превью — accent, контраст, кнопка.
  4. Доведите вручную — схема и шрифты в настройках.
  5. Логотип отдельно — тема его не подставляет.
  6. Тест на телефоне — публичная ссылка → публикация.

Кейсы

1) HR-пульс → sage + Golos/Onest

Промпт: «Короткий anonymous pulse для команды: нагрузка, ясность задач, комментарий. Спокойный тон.» ИИ часто даёт sage. Display — Inter или Montserrat, не Klyakson.

2) B2B-заявка → sky + Inter/DM Sans

«Заявка на демо SaaS: компания, роль, email, телефон.» Sky читается как деловой UI; body — Inter или DM Sans.

3) Квиз подбора → formo4ka/unbounded или Klyakson

«Игровой квиз подбора тарифа для лендинга.» Здесь уместен playful display. Не смешивайте с тяжёлым юридическим текстом на том же экране.

4) Салон / запись → terracotta

«Заявка в салон: услуга, мастер, день, телефон.» Terra + Comfortaa/Manrope. Слот — поле booking, тема только визуал.

Что портит тему

Ждать произвольный hex

ИИ не изобретает бренд-палитру из PDF — только 6 схем.

Путать тему и обложку

Картинки — другой модуль.

Klyakson на B2B

Playful display на оферте выглядит случайно.

Игнор контраста

После смены схемы проверьте кнопку и текст на телефоне.

Публичная форма Formo4ka со схемой Formo4ka

Чек-лист перед публикацией

  • Схема из шести пресетов, не «свой CSS с нуля»
  • Body/display из allowlist; Klyakson только если тон игровой
  • Логотип загружен отдельно
  • Нет обещания оплаты респондента внутри формы

Частые вопросы

Что ставит ИИ-тема?

Только color_scheme и typography {body, display} через generate_form_theme. Кастомный page background ИИ не придумывает.

Произвольные hex?

Нет — allowlist схем и шрифтов. См. formColorSchemes / formFonts в коде.

Можно вручную?

Да: настройки формы → схема и шрифты (colorScheme, fontBody, fontDisplay).

Логотип и обложка?

Отдельно. Тема ≠ лого. Обложки: /ii-izobrazheniya-dlya-form.

Klyakson?

Playful display для квизов; не для деловых HR/B2B форм.

Где в продукте?

ИИ-генерация формы + настройки. См. /ii-generaciya-form, /vozmozhnosti.

Лимиты?

ИИ зависит от тарифа (/pricing). Ручная смена схемы — в редакторе.

Мобильная форма?

Да, CSS-переменные схемы применяются к адаптивной публичной форме.

Связанные страницы

Соберите форму — тема подтянется из пресетов

Опишите задачу и тон. Formo4ka предложит поля и схему из шести color_scheme + шрифты body/display. Дальше доведите вручную.

Тарифы · как работает ИИ-генерация

CTA: форма со схемой Formo4ka