Что вы получите
- Один HTML-файл со встроенными шрифтами и изображениями, без сетевых запросов
- Главная с наклонной карточкой на первом экране, бенто-сеткой возможностей, историей рабочего процесса, отзывами, ценами и регистрацией
- Страницы журнала изменений, истории клиента, входа, юридическая и 404
- Валидатор, который находит битые ссылки, пропущенный alt-текст и оставшиеся имена из примера
- По желанию: портреты и фото для истории от PopNow после расчёта цены в кредитах
Подходит для
- Страницы запуска SaaS и инструментов для разработчиков
- Полноценный маркетинговый сайт, который с первого дня выглядит готовым
- Редизайн тёмного сайта продукта с работающими ценами и формами
Не подходит для
- Светлые или пастельные бренды: дизайн только тёмный
- Интернет-магазины и блоги с большим объёмом контента
- Страницы, где на первом экране нужен настоящий скриншот продукта
Как пользоваться
В Claude или ChatGPT
Используйте навык PopNow «Тёмный лендинг для SaaS» (dark-saas-landing-page) для этой задачи: Сделайте лендинг для Tally — сервиса оповещений для дежурных инженеров в небольших командах. Три тарифа: Free, Team $12 за пользователя, Business $24 за пользователя.
В агенте для кода
/popnow-dark-saas-landing-page Сделайте лендинг для Tally — сервиса оповещений для дежурных инженеров в небольших командах. Три тарифа: Free, Team $12 за пользователя, Business $24 за пользователя.
Потом попробуйте
Сгенерируйте три портрета для блока отзывов и сначала назовите цену.
Перенесите это в моё приложение на Next.js в app/(marketing).
Что подготовить
- Название продукта, что он делает и главный результат для заголовка
- 4–5 возможностей, 3–4 шага рабочего процесса и ваши тарифы
- Реальные отзывы и цифры или согласие на заглушки
- По желанию: API-ключ PopNow или фото вашей команды
Похожие навыки
Смотреть все →3D-конструктор аватаров
+3Соберите милого плюшевого 3D-персонажа прямо в браузере и сохраните его как прозрачный PNG или 3D-страницу.
Календарная тепловая карта активности
+3Год ежедневной активности в виде календарной сетки с заливкой — с сериями, итогами и управлением с клавиатуры.
Лендинг SaaS с ИИ
+3Песочный фон, тонкие направляющие и штриховка вокруг живой канбан-доски, где ассистент планирует задачи.
Анимированный первый экран сайта
+3Первый экран лендинга с плавно сменяющимся словом в заголовке, двумя кнопками и широкой рамкой для изображения.
Сайт агентства с шейдерным героем
+3Живой оранжевый шейдерный герой под крупным заявлением, навигация-таблетка и сетка кейсов.
Сайт портфолио дизайнера
+3Шесть наклонённых карточек вокруг заголовка на сером фоне, красная карточка портрета и кейсы.
Сайт-портфолио разработчика
+3Тёмный личный сайт для инженеров с кейсами, статьями, докладами, резюме и формой обратной связи.
Редакционный сайт SaaS
+3Тёмно-синий разделённый герой, заголовок с засечками рядом с документальным кадром и кобальтовый акцент.
Шаблон сайта в стиле глассморфизма
+3Матовые стеклянные таблетки на почти чёрном фоне, крупный заголовок с засечками и подписка.
Сайт аппаратного продукта
+3Огромные тонкие названия моделей на студийных кадрах, матовые карточки характеристик и линейка в масштабе.
Интерактивная схема архитектуры
+3Офлайн-схема системы, по которой можно кликать: построена из проверенной JSON-модели, с обоснованием для каждого блока.
Интерактивный герой с сеткой
+3Тёмная сетка тонких нитей, которая гнётся к курсору, и светящееся кольцо от каждого клика.
Граф знаний из заметок
+3Превратите заметки проекта в офлайн-граф с поиском, где каждое утверждение ведёт к строке источника.
Шаблон KPI-дашборда
+3Четыре KPI-плитки с чипами изменений, линейный график, таблица разбивки и целевые полосы на тёплой бумаге.
Лендинг из ИИ-макетов
+3Сначала три полноэкранных макета на выбор, затем ваш агент собирает выбранный как чистый адаптивный код.
Шаблон сайта журнала
+3Сайт журнала с качеством печатного издания: статьи, рубрики, небольшой магазин и подписка — в одном HTML-файле.
Герой с анимацией частиц
+3Текст на тёплой бумаге рядом со сферой из чернильных и бирюзовых точек, меняющей форму под каждую идею.
Сайт личного бренда
+3Портрет, растворённый в тёплой бумаге под тонкой скобкой, с лёгким и жирным заявлением по бокам.
Кинематографичная страница запуска продукта
+3Почти чёрная страница в свете премьеры: заголовок с засечками, ночная сцена в letterbox и форма брони.
Шаблон админ-панели
+3Рабочая консоль бэк-офиса с графиками, таблицами, канбаном и календарём — в одном офлайн-HTML-файле.
Шаблон лендинга для SaaS
+3Спокойный светлый маркетинговый сайт для программного продукта с рабочей консолью продукта, ценами и регистрацией.
Сайт-портфолио в стиле скрапбукинга
+3Многостраничное онлайн-резюме из бумажных предметов, с кейсами и версией резюме для печати.
Шаблон сайта магазина кроссовок
+3Полноценный магазин обуви или одежды с каталогом, карточками товаров, корзиной и демо-оформлением заказа в одном HTML-файле.
Лендинг автоматизации процессов
+3Графитовая страница, небольшой заголовок слева и живой граф узлов: запускается, повторяет попытку, пишет логи.
Вопросы
Нужен ли странице фреймворк или сборка?
Нет. По умолчанию получается один HTML-файл, который можно открыть с диска или загрузить на любой статический хостинг. Если у вас уже есть проект на React, Vue, Svelte или Astro, навык пересоберёт те же разделы в виде компонентов.
Что здесь генерирует PopNow?
Только фото: портреты для отзывов, маленькие фото в строке с доказательствами и изображения для истории клиента. На первом экране — нарисованный экран продукта, поэтому изображение для него не нужно. Цена каждого запуска сначала называется в кредитах, и он начинается только после вашего согласия.
Можно ли обойтись без API-ключа PopNow?
Да. Навык оставит встроенные портреты-заглушки под новыми именами или заменит их аватарами с инициалами и подскажет, где ещё нужны настоящие фото.
Что будет с брендом и людьми из примера?
Их заменят. Валидатор выдаст ошибку, если на готовой странице осталось хоть одно название продукта, имя человека или компании из примера, а всё, что навыку пришлось придумать, перечисляется для вашего подтверждения.