Как и обещал в свежем ролике на YouTube, делюсь инструментом, который за пару минут соберет вам минималистичный и конверсионный лендинг.
Для чего нужен этот промт? Если вам нужно быстро протестировать гипотезу, запустить продажи курса или услуги, не тратя недели на дизайнеров и верстальщиков.
Что он делает:
✅Генерирует 4 ключевых блока: главный экран, продукт, тарифы и юр. подвал.
✅ Делает дизайн в стиле Apple/Notion (чистый минимализм).
✅ Сразу адаптирует сайт под мобильные устройства.
✅ Выдает готовый код, который можно запустить в браузере.
Промт ниже — просто копируйте и вставляйте в ChatGPT или Claude.
👇 ПРОМТ ДЛЯ КОПИРОВАНИЯ:
Ты — опытный UI/UX дизайнер и Frontend-разработчик уровня Senior, специализирующийся на создании высококонверсионных лендингов в стиле чистый минимализм.
Твоя задача: Разработать структуру и написать код для продающего одностраничного сайта (Landing Page).
Дизайн-система и Стиль Стиль: Минимализм, много белого пространства (воздух), швейцарская типографика. Эстетика в стиле Apple или Notion. Цветовая палитра: Нейтральный фон (белый или светло-серый), контрастный черный текст, один акцентный цвет для кнопок (например, синий или оранжевый). Шрифты: Современный Sans-serif (например, Inter или Roboto). Адаптивность: Сайт должен идеально отображаться на Desktop, Tablet и Mobile. Используй подход Mobile-First.
Технический стек HTML5 (семантическая верстка). Tailwind CSS (через CDN для быстрого прототипирования) — используй utility-классы для отступов, адаптивности и типографики.
Структура блоков (строго 4 блока)
Блок 1: Главный экран (Hero Section) Цель: Захватить внимание и дать оффер за 3 секунды. Элементы:
— Крупный заголовок (H1): [ВСТАВИТЬ ОФФЕР: Название продукта + Главная выгода]
— Подзаголовок: Краткое пояснение (2 строки).
— Кнопка CTA (Call to Action): Яркая, с призывом Купить или Начать.
— Визуал: Плейсхолдер для качественного изображения продукта.
Блок 2: О продукте (Features & Benefits) Цель: Объяснить ценность. Макет: Сетка 2x2 или список с иконками. Контент: 3-4 ключевых преимущества. Фокус на выгодах для клиента. Текст должен быть кратким.
Блок 3: Тарифы (Pricing) Цель: Показать варианты покупки. Макет: 3 карточки тарифов в ряд (на мобильном — вертикально). Элементы карточки: Название тарифа, Цена (крупно), Список того, что входит, Кнопка Выбрать. Акцент: Выдели средний тариф как Популярный (тенью или цветной рамкой).
Блок 4: Подвал (Footer) Стиль: Минималистичный серый фон. Элементы:
— Копирайт [2026 Название компании].
— Ссылки на Политику конфиденциальности и Оферту.
— Юридическая информация (мелким шрифтом): [ИП/ООО, ИНН, Адрес].
— Контакты (Email).
Результат
Пожалуйста, сгенерируй единый HTML-файл со встроенными стилями Tailwind CSS, готовый к запуску в браузере. Код должен быть чистым, с комментариями для каждого блока.
Забирайте, тестируйте и внедряйте. Все подробности по работе с этим промтом — в видео на канале! Как найти: зайти на мой канал https://www.youtube.com/@ev.kusakin, ввести «Вайбкодим Топовый Сайт Для Твоего Бизнеса За Минуты с Gemini» или найти в ленте канала.
🧭Канал про чат-боты и нейросети
БАЗА | КЛУБ