Тело fontBody
Inter (по умолчанию), Plus Jakarta Sans, Onest, Golos Text, DM Sans, Work Sans, Manrope, Source Sans 3 — читаемость длинных анкет.
Дизайн · редактор
Оформление формы: логотип, шрифты, обложка
В Formo4ka бренд публичной формы собирается из отдельных контролей: FormLogoEditor, FormCoverEditor, шрифты fontBody/fontDisplay, шесть цветовых схем и фон. Это оформление формы — не полноценная бренд-система.
логотипобложкашрифты6 схемфон
Зачем оформлять форму, а не «просто ссылку»
Респондент видит логотип, обложку и палитру до первого вопроса. Аккуратное оформление повышает доверие к заявке, квизу и записи. Рядом ускоряют старт ИИ-тема (выбор схемы) и ИИ-изображения (обложка и экраны).
Честно: это не Figma-гайдлайн и не «дизайн под ключ». Готовые схемы, шрифты и загрузка ассетов. YooKassa — только подписка на тариф, не оплата внутри анкеты.
Что есть в продукте (из кода)
Логотип — FormLogoEditor
Загрузка URL логотипа в настройки формы. Отдельный контроль: ИИ-тема логотип не подставляет.
Обложка — FormCoverEditor
Загрузка через /api/upload/image или ИИ-генерация (квота по тарифу). Cover можно очистить.
Шрифты — formFonts.js
fontBody: inter, plus_jakarta, onest, golos, dm_sans, work_sans, manrope, source_sans. fontDisplay: inter, klyakson, space_grotesk, bricolage, montserrat, jost, unbounded, comfortaa, playfair, cormorant, fraunces, lora.
Схемы и фон
В FormSettingsModal: mono / formo4ka / sage / sky / terracotta / graphite. Фон — цвет или градиент (тема тоже задаёт pageBackground).
Есть / нет
Есть
- Логотип, обложка (upload + ИИ), очистка cover
- Два слота шрифтов: тело и заголовок
- Шесть color_scheme + ручной фон
- Связка с ИИ-темой и ИИ-картинками
- Публичная форма и виджеты
Не обещаем
- Полноценную бренд-систему / произвольный CSS
- Оплату респондента в форме (YooKassa = подписка)
- Бейдж «обновлено…» и фейковые отзывы / aggregateRating
- Что тема сама нарисует логотип и обложку
Обложка: файл или ИИ
FormCoverEditor принимает свой файл через /api/upload/image или запускает генерацию (лимит image-generation на тарифе). Если кадр не подошёл — очистите cover и поставьте другой.
- Текст и CTA остаются в UI формы, не «вшиты» в картинку
- Согласуйте cover с цветовой схемой
- Экраны landing/end — на странице ИИ-изображений
Шрифты и схемы — как в сторе
Тело
Заголовок fontDisplay
От Inter и Klyakson до Unbounded, Playfair, Cormorant, Fraunces, Lora — характер заголовка без смены всей темы.
Шесть схем
Классика, Formo4ka, Sage, Sky, Terra, Graphite. Пикер в настройках; ИИ может предложить схему на старте.
Фон
Цвет или градиент в настройках. У пресетов уже есть pageBackground — можно оставить тему или задать свой.
Кейсы
1) Салон: логотип + Formo4ka + cover
FormLogoEditor — знак салона. Схема Formo4ka или Terra. Обложка — своё фото или ИИ без текста на кадре. Шрифт тела Inter / Manrope.
2) Клиника: Sage + Golos + спокойный фон
Схема Sage, fontBody golos, без кричащего display. Обложку можно очистить, если достаточно цветового фона темы.
3) Квиз vs B2B-заявка
Квиз: Terra + Unbounded / Space Grotesk + яркая обложка. Демо: Sky или Graphite, тело Inter, строгий логотип. Две формы — два оформления.
4) Сайт: виджет с тем же брендом
Оформите публичную форму, затем встройте через виджет. Оплаты респондента в анкете нет.
Как оформить форму
- Настройки. FormSettingsModal → вкладка оформления.
- Схема. Выберите одну из шести или откройте ИИ-тему.
- Логотип. FormLogoEditor — URL в настройки формы.
- Шрифты.
fontBodyиfontDisplayиз списков продукта. - Обложка. Upload или ИИ; при необходимости очистите cover.
- Фон. Оставьте тему или задайте цвет / градиент.
- Публикация. Проверьте телефон, отправьте ссылку или виджет.
Чек-лист перед публикацией
- Логотип читается на мобильном (не обрезан)
- Обложка без лишнего текста; CTA в UI
- Контраст схемы и шрифтов достаточный
- Фон не спорит с полями
- Нет обещания оплаты внутри анкеты
Рядом
Частые вопросы
Что входит в оформление?
Логотип (FormLogoEditor), обложка (FormCoverEditor: upload или ИИ), шрифты fontBody/fontDisplay, шесть схем и фон.
Можно без дизайнера?
Да. Пресеты и загрузка ассетов. Это не полноценная бренд-система.
Как загрузить логотип?
FormLogoEditor пишет URL логотипа в настройки формы.
Как поставить обложку?
Загрузка /api/upload/image или ИИ с квотой; cover можно очистить. См. ИИ-изображения.
Какие шрифты?
Восемь body и двенадцать display — списки из formFonts.js.
Какие схемы?
mono, formo4ka, sage, sky, terracotta, graphite в FormSettingsModal.
YooKassa в форме?
Нет. YooKassa — подписка на тариф.
Работает в квизах и виджетах?
Да. Публичная форма и виджеты на сайт.
Соберите вид формы под бренд за минуты
Логотип, схема, шрифты и обложка — в одном редакторе. ИИ-тема и ИИ-картинки рядом; оплату респондента не встраиваем.