Дизайн сайта нейросетью: 29 стилей и 1990 ₽
Дизайн сайта нейросетью теперь выбирают глазами, а не словами. В конструкторе сайтов Вайб-Маркетолога появилась галерея из 29 стилей: каждая карточка показывает первый экран будущего сайта с названием вашей компании, её шрифтами, цветами и формой кнопок. Выбранный стиль получает вся страница, а сайт под ключ теперь стоит 1990 ₽ вместо 5000 ₽.
Раньше стиль задавался одним словом: «современный», «минимализм», «корпоративный». Каждый человек представляет за этим словом что-то своё, а нейросеть — третье. В итоге хозяин кофейни получал тёмный технологичный лендинг, а юрист — пёстрый и игривый. Теперь вы видите результат до оплаты и выбираете то, что нравится, как в каталоге.
Дизайн сайта нейросетью: что нового
Карточка — это первый экран вашего сайта
В галерее нет абстрактных превью и стоковых шаблонов. Каждая карточка нарисована по настоящим параметрам стиля: фон, цвет текста, акцент, скругления, кнопка и шрифт заголовка. Впишите название компании в форму — и оно сразу появится на всех карточках. «Кофейня Ромашка» в антикве журнального стиля, в строгом гротеске швейцарского и в золоте на чёрном у тёмного премиума смотрится по-разному, и это видно сразу, без генерации.
Стиль получает вся страница, а не только шапка
Выбранный стиль — это не подсказка нейросети «сделай примерно так», а набор правил для всего лендинга: какие шрифты стоят в заголовках и тексте, какие цвета у фона, карточек и кнопок, как устроен первый экран, что в этом стиле принято и чего делать нельзя. Шрифты подключаются с нашего сервера и поддерживают кириллицу полностью, поэтому сайт выглядит одинаково на компьютере и телефоне. Мы проверили это на живых сборках: шрифт заголовка, фон и цвет главной кнопки на готовой странице совпали со стилем до символа.
«Подберём сами» — стиль под нишу по описанию
Если выбирать не хочется, оставьте первую карточку «Подберём сами». Конструктор прочитает описание бизнеса и подберёт стиль, который подходит нише: стоматологии — мягкий и бережный, юридическому бюро — строгий, пекарне — журнальный или тёплый ремесленный. Пока вы пишете описание, в галерее появляется метка «Под вашу нишу» — так видно, какие варианты система считает подходящими, и можно сравнить их глазами.
Примеры готовых сайтов в стиле
У семи стилей есть настоящие сайты-примеры: «Журнал», «Мягкий», «Швейцарский», а также стили в духе Apple, BMW, Airbnb и Linear. Пример открывается прямо из галереи — картинкой на компьютере и телефоне и ссылкой на живую страницу. Компании на примерах вымышленные, а сами сайты собраны на нашей платформе, поэтому показывают реальный уровень, а не отрисованный макет.
Сайт под ключ за 1990 ₽
Тариф МЕГА PRO подешевел с 5000 до 1990 ₽, и это постоянная цена, а не акция. Состав не урезан: исследование конкурентов и спроса, стратегия и продающие тексты, вёрстка в выбранном стиле, 15 фотографий, 4 видео (в том числе с персонажем, который говорит по-русски), музыка и озвучка, форма заявки, A/B-тест и редактор.
Для кого и зачем
Вы владелец кафе, салона или клиники. Вам не нужно объяснять дизайнеру, что такое «уютно, но не дёшево». Откройте фильтр «Тёплые», впишите название и посмотрите, как выглядит ваш бренд в журнальном, мягком и терракотовом стилях. Выберите тот, что ближе, — и через 10–25 минут получите лендинг с формой бронирования или записи.
Вы юрист, бухгалтер или консультант. Доверие в этих нишах строится на сдержанности: строгая сетка, много воздуха, никаких кислотных градиентов. Фильтр «Строгие» собирает такие стили в одном месте, а «Швейцарский» и стиль в духе IBM подходят консалтингу и аудиту.
Вы продаёте дорогое: недвижимость, автомобили, премиальные услуги. Для этого есть «Тёмный премиум» с шампанским золотом на тёплом чёрном и стили в духе Apple, BMW и Tesla. Дорогой продукт на дешёвом сайте теряет заявки — теперь эту проблему решает один клик.
Вы маркетолог или агентство и делаете сайты клиентам. Галерея — готовый инструмент согласования: впишите название клиента, покажите три карточки и договоритесь о стиле до генерации. Не нужно переделывать страницу, потому что «мы хотели не так».
Вы проверяете гипотезу перед рекламой. Лендинг собирается вместе с A/B-тестом двух вариантов на одном адресе. Подробно о том, как читать результат теста и не ошибиться с выводом, мы писали в материале «A/B-тест сайта и рекламы».
Как это работает
Стили взяты из открытого набора Vibe Landing Kit — это каталог дизайн-систем, которым пользуются ИИ-агенты в ChatGPT и Claude, когда собирают лендинги через наш сервис. Каждый стиль описывает не только цвета, но и правила: какой бывает первый экран, как ставить форму заявки, что делает стиль узнаваемым и какие приёмы в нём запрещены. Теперь этот же каталог работает в обычном конструкторе сайтов — без подключения агентов и настройки.
Когда вы нажимаете «Создать сайт», конструктор передаёт нейросети правила выбранного стиля вместе с вашим описанием бизнеса. Сначала собирается стратегия: аудитория, оффер, возражения, порядок блоков. Затем пишется вёрстка, а отдельная проверка ищет слабые места и то, что выглядит шаблонно. После этого платформа сама вставляет в страницу шрифты и цвета стиля — это не зависит от того, запомнила ли их нейросеть. Последний шаг — проверка читаемости в настоящем браузере: если где-то текст сливается с фоном, это исправляется до того, как сайт попадёт к вам.
Отдельно мы научили конструктор не выдумывать. В описаниях некоторых стилей есть элементы вроде «строка доверия с рейтингом и отзывами». Раньше нейросеть могла дорисовать туда правдоподобные цифры, которых у вашего бизнеса нет. Теперь такие элементы появляются, только если факт есть в вашем описании или на вашем сайте, — иначе блок просто не ставится. Сайт работает от имени вашей компании, и выдуманный рейтинг на нём хуже, чем никакого.
Какие стили есть в галерее и для кого они подходят:
| Настроение | Стили | Кому подходит |
|---|---|---|
| Тёплые | Журнал, Мягкий, Терракота, Бенто, в духе Airbnb и Pinterest | кафе и пекарни, салоны красоты, клиники, туризм, дизайн интерьера |
| Строгие | Швейцарский, в духе IBM, Stripe, Cal.com, Uber | юристы, бухгалтерия, консалтинг, B2B-услуги, логистика |
| Премиальные | Тёмный премиум, в духе Apple, BMW, Tesla, Revolut | недвижимость, автомобили, техника, финансовые продукты |
| Яркие | Необрутализм, в духе Nike, Vodafone, Renault, Clay | акции и распродажи, фитнес, ивенты, детские центры |
| Тёмные | Тёмный премиум, в духе Linear, Shopify, Tesla | IT-продукты, интернет-магазины, премиальные товары |
Стили «в духе брендов» описывают эстетику по открытым материалам. Мы не связаны с этими компаниями: их логотипы и фирменные шрифты не используются, вместо них стоят свободные шрифты с кириллицей.
Что ещё улучшили в конструкторе сайтов
Миниатюры в «Моих сайтах». Раньше у каждого сайта в списке была одинаковая иконка-глобус. Теперь показывается снимок первого экрана, и нужный сайт находится с первого взгляда.
Видео и музыка больше не теряются. На больших сайтах сборка иногда упиралась в ограничение по времени, и часть роликов не успевала запуститься. Теперь видео и звук стартуют первыми, а всё, что не успело за отведённое время, доделывается отдельным шагом. За уже готовые фото дважды не платят.
Длинные страницы не обрываются. Если основная модель вёрстки недоступна, сайт собирает резервная — раньше на ней большая страница могла обрезаться на середине. Мы подняли ей лимит и проверили на полной сборке: страница доходит до конца со всеми блоками.
Понятный заказ. Форма разделена на три шага: «Ваш бизнес», «Стиль сайта», «Заказ». До кнопки видно, что входит в цену, сколько ждать и что будет, если генерация не удастся: деньги вернутся на баланс автоматически.
Почему стиль сайта влияет на заявки
Посетитель решает, остаться ли на странице, за первые секунды — ещё до того, как прочитал оффер. Он оценивает не слова, а ощущение: похоже ли это на компанию, которой можно доверить деньги, здоровье или дом. Стоматология в кислотных цветах распродажи и юридическое бюро с мультяшными иллюстрациями теряют людей не из-за цены, а из-за несоответствия ожиданиям. Поэтому выбор стиля — это не вкусовщина, а часть маркетинга.
Вторая причина — цельность. Сайт, где заголовки набраны одним шрифтом, кнопки другим, а цвета меняются от блока к блоку, выглядит собранным наспех, даже если тексты сильные. Дизайн-система держит всю страницу в одних правилах: шрифты, отступы, скругления и акцентный цвет повторяются в каждом блоке. Именно это отличает лендинг, сделанный «как у агентства», от набора блоков из конструктора.
И третья — скорость решений. Когда стиль виден на карточке с вашим названием, спор «нравится или нет» решается за минуту, а не после трёх итераций с дизайнером. Сэкономленные дни лучше потратить на тест рекламы и сбор заявок.
Сколько стоит
Подписки нет: вы пополняете баланс в рублях и платите за конкретный сайт. Галерея стилей, подбор под нишу и примеры бесплатны — платить нужно только за запуск сборки.
| Что | Что входит | Цена |
|---|---|---|
| Сайт под ключ МЕГА PRO | исследование конкурентов, стратегия, тексты, вёрстка в выбранном стиле, 15 фото, 4 видео, музыка и озвучка, форма заявки | 1990 ₽ |
| Правка блока словами | «замени заголовок», «добавь блок с гарантией» — без пересборки сайта | 9 ₽ |
| Вариант Б для A/B-теста | второй вариант на том же адресе, итоги по людям и заявкам | бесплатно |
| Публикация и архив | адрес на нашем домене или архив для своего хостинга | бесплатно |
| Заявки с формы | в Telegram, на почту и в кабинет | бесплатно |
Как попробовать
- Откройте конструктор сайтов в кабинете. Галерею стилей можно посмотреть и без регистрации.
- В шаге «Ваш бизнес» опишите, что вы продаёте, кому и чем отличаетесь. Если у вас уже есть сайт, дайте на него ссылку — конструктор возьмёт оттуда цены, услуги и контакты.
- Впишите название компании — оно появится на карточках стилей.
- В шаге «Стиль сайта» выберите карточку или оставьте «Подберём сами». Фильтры «Тёплые», «Строгие», «Премиальные» помогают сузить выбор.
- Проверьте состав заказа и нажмите «Создать сайт за 1990 ₽». Через 10–25 минут сайт появится в «Моих сайтах».
Подробная инструкция со скриншотами каждого шага и советами, как выбрать стиль под свою нишу, — в уроке Академии «Как выбрать дизайн сайта: 29 стилей с примерами». А как написать описание бизнеса, чтобы нейросеть точно попала в задачу, разобрано в уроке «Как написать бриф для лендинга нейросети».
Частые вопросы
Можно ли сделать дизайн сайта нейросетью без дизайнера?
Да. Вы выбираете стиль по карточке с названием своей компании, а нейросеть собирает страницу по правилам этого стиля: шрифты, цвета, раскладку и тексты. Править можно словами в редакторе — без кода и без макетов.
Сколько стоит сделать сайт с выбранным дизайном?
Сайт под ключ стоит 1990 ₽: в цену входят стратегия, тексты, вёрстка, 15 фото, 4 видео, музыка и озвучка. Выбор стиля бесплатен, подписки нет.
Что если я не знаю, какой стиль выбрать?
Оставьте карточку «Подберём сами»: конструктор подберёт стиль по описанию бизнеса. Можно и наоборот — открыть фильтр по настроению и сравнить несколько карточек с вашим названием.
Можно ли поменять цвета выбранного стиля?
Да. В блоке «Тонкая настройка» напишите пожелание к цветам, например «фирменный зелёный». Оно заменит основной цвет стиля, а шрифты и раскладка останутся прежними.
Чем стили «в духе Apple» отличаются от сайта Apple?
Это описание эстетики: сдержанная палитра, крупные фото, много воздуха. Логотипов и фирменных шрифтов бренда в нём нет — сайт получается вашим, а не копией чужого.
Можно ли сделать сайт на английском языке?
Да. В блоке «Тонкая настройка» переключите язык на English: тексты будут на английском, а стиль, шрифты и цвета останутся теми же — шрифты галереи поддерживают и кириллицу, и латиницу.
Что будет, если сборка сайта не удастся?
Деньги вернутся на тот же баланс автоматически. Если сайт собрался, но часть видео или музыки не успела за отведённое время, они доделываются отдельным шагом без доплаты.
Подойдёт ли такой сайт для рекламы в Яндекс Директе?
Да. Лендинг собирается с формой заявки, заявки приходят в Telegram и на почту, а A/B-тест показывает, какой вариант приводит больше обращений. Как такой сайт помогает проверять гипотезы до больших бюджетов, мы рассказывали в анонсе «Создать сайт с помощью ИИ за 20 минут».
Галерея стилей уже работает в кабинете. Откройте конструктор сайтов, впишите название своей компании и посмотрите, как она выглядит в двадцати девяти разных стилях, — это бесплатно и занимает минуту.