Что вы получите
- Один HTML-файл со встроенными шрифтами и изображениями, без сетевых запросов
- Герой с подпиской по email, превью продукта с живым графиком, выбор предложения, тарифы, FAQ и финальная подписка
- Рабочие маршруты: образец выпуска с пейволом, поиск по архиву, вступление с местами и подарками, вход, юридические страницы, 404
- Валидатор ссылок, маршрутов, подписей, рецепта стекла и оставшихся примеров текста
- По желанию: кадры, портреты, цикл героя и карточка для соцсетей от PopNow после расчёта кредитов
Подходит для
- Страницы подписки на рассылки и краткие обзоры
- Листы ожидания, закрытые беты и кампании запуска
- Членства, курсы или мероприятия, которые продают места
Не подходит для
- Светлые, пастельные или цветастые бренды: страница только чёрно-белая
- Интернет-магазины с большим количеством товаров
- SaaS-сайты, которым нужна длинная экскурсия по функциям
Как пользоваться
В Claude или ChatGPT
Используйте навык PopNow «Шаблон сайта в стиле глассморфизма» (glassmorphism-website-template) для этой задачи: Сделайте страницу подписки для Tidewatch, пятничной рассылки для любителей парусного спорта: один график прогноза, три заметки о гаванях и длинный лонгрид. Бесплатно, плюс тариф экипажа за 5 $ в месяц.
В агенте для кода
/popnow-glassmorphism-website-template Сделайте страницу подписки для Tidewatch, пятничной рассылки для любителей парусного спорта: один график прогноза, три заметки о гаванях и длинный лонгрид. Бесплатно, плюс тариф экипажа за 5 $ в месяц.
Потом попробуйте
Назовите цену кадра героя с тёмной водой ночью и петли на 5 секунд из него до генерации.
Перенесите страницу в мой сайт на Astro как компоненты и настоящие маршруты.
Что подготовить
- Название, что получают подписчики, и одно обещание для заголовка
- От трёх до четырёх фактов, за которые вы можете ручаться, тарифы и цены, от четырёх до шести ответов в FAQ
- Ваш DESIGN.md, если у бренда он есть
- По желанию: ключ API PopNow или собственные тёмные фото и видео
Похожие навыки
Смотреть все →3D-конструктор аватаров
+3Соберите милого плюшевого 3D-персонажа прямо в браузере и сохраните его как прозрачный PNG или 3D-страницу.
Календарная тепловая карта активности
+3Год ежедневной активности в виде календарной сетки с заливкой — с сериями, итогами и управлением с клавиатуры.
Лендинг SaaS с ИИ
+3Песочный фон, тонкие направляющие и штриховка вокруг живой канбан-доски, где ассистент планирует задачи.
Анимированный первый экран сайта
+3Первый экран лендинга с плавно сменяющимся словом в заголовке, двумя кнопками и широкой рамкой для изображения.
Сайт агентства с шейдерным героем
+3Живой оранжевый шейдерный герой под крупным заявлением, навигация-таблетка и сетка кейсов.
Тёмный лендинг для SaaS
+3Тёмный маркетинговый сайт с насыщенной анимацией для программного продукта — в одном автономном HTML-файле.
Сайт портфолио дизайнера
+3Шесть наклонённых карточек вокруг заголовка на сером фоне, красная карточка портрета и кейсы.
Сайт-портфолио разработчика
+3Тёмный личный сайт для инженеров с кейсами, статьями, докладами, резюме и формой обратной связи.
Редакционный сайт SaaS
+3Тёмно-синий разделённый герой, заголовок с засечками рядом с документальным кадром и кобальтовый акцент.
Сайт аппаратного продукта
+3Огромные тонкие названия моделей на студийных кадрах, матовые карточки характеристик и линейка в масштабе.
Интерактивная схема архитектуры
+3Офлайн-схема системы, по которой можно кликать: построена из проверенной JSON-модели, с обоснованием для каждого блока.
Интерактивный герой с сеткой
+3Тёмная сетка тонких нитей, которая гнётся к курсору, и светящееся кольцо от каждого клика.
Граф знаний из заметок
+3Превратите заметки проекта в офлайн-граф с поиском, где каждое утверждение ведёт к строке источника.
Шаблон KPI-дашборда
+3Четыре KPI-плитки с чипами изменений, линейный график, таблица разбивки и целевые полосы на тёплой бумаге.
Лендинг из ИИ-макетов
+3Сначала три полноэкранных макета на выбор, затем ваш агент собирает выбранный как чистый адаптивный код.
Шаблон сайта журнала
+3Сайт журнала с качеством печатного издания: статьи, рубрики, небольшой магазин и подписка — в одном HTML-файле.
Герой с анимацией частиц
+3Текст на тёплой бумаге рядом со сферой из чернильных и бирюзовых точек, меняющей форму под каждую идею.
Сайт личного бренда
+3Портрет, растворённый в тёплой бумаге под тонкой скобкой, с лёгким и жирным заявлением по бокам.
Кинематографичная страница запуска продукта
+3Почти чёрная страница в свете премьеры: заголовок с засечками, ночная сцена в letterbox и форма брони.
Шаблон админ-панели
+3Рабочая консоль бэк-офиса с графиками, таблицами, канбаном и календарём — в одном офлайн-HTML-файле.
Шаблон лендинга для SaaS
+3Спокойный светлый маркетинговый сайт для программного продукта с рабочей консолью продукта, ценами и регистрацией.
Сайт-портфолио в стиле скрапбукинга
+3Многостраничное онлайн-резюме из бумажных предметов, с кейсами и версией резюме для печати.
Шаблон сайта магазина кроссовок
+3Полноценный магазин обуви или одежды с каталогом, карточками товаров, корзиной и демо-оформлением заказа в одном HTML-файле.
Лендинг автоматизации процессов
+3Графитовая страница, небольшой заголовок слева и живой граф узлов: запускается, повторяет попытку, пишет логи.
Вопросы
Что делает стекло правильным, а не размытым блоком?
Каждая приподнятая поверхность использует один рецепт: слегка тонированный внутренний слой с размытием фона, мягкий блик сверху и обод, нарисованный маскированным градиентным кольцом, чтобы свет ложился на верхний и нижний края. Валидатор отклоняет страницу, где рецепт нарушен.
Может ли герой двигаться?
Да. После утверждения кадра героя PopNow может превратить его в клип на 5 секунд, а входящий скрипт цикла делает из него бесшовную беззвучную петлю с постером. При уменьшенном движении и скрытых вкладках остаётся неподвижный кадр.
Это только для рассылок?
Нет. Образец — вечерний обзор, но руководство по адаптации переносит те же разделы на листы ожидания приложений, курсы, мероприятия и подкасты: превью продукта становится экраном приложения, архив — журналом изменений или списком сессий.
Нужен ли ключ API PopNow?
Нет. Страница поставляется с нейтральными встроенными кадрами и CSS-запасами для каждого слота изображения. Ключ добавляет новые кадры, портреты, цикл и карточку для соцсетей, каждое с ценой в кредитах до запуска.