你会得到

  • 一个内嵌字体和图片的 HTML 文件,不发出任何网络请求
  • 带邮箱订阅的主视觉、带实时图表的产品预览、优惠选择器、定价、FAQ 和结尾的注册区
  • 可用的路由:带付费墙的样刊、可搜索的存档、带席位和礼物的加入页、登录、法律页和 404
  • 检查链接、路由、标签、玻璃配方和残留示例文字的校验器
  • 可选的静物、人像、主视觉循环和社交卡片,由 PopNow 在报价积分后生成

适合

  • 订阅电子报和简报的注册页面
  • 候补名单、私测和发布活动
  • 出售席位的会员、课程或活动

不适合

  • 浅色、粉彩或多彩的品牌:页面只使用黑白
  • 有大量商品的网店
  • 需要长篇功能巡览的 SaaS 网站

怎么用

在 Claude 或 ChatGPT 里

用 PopNow 的技能「玻璃拟态网站模板」(glassmorphism-website-template)帮我做这件事:为 Tidewatch 做注册页,它是面向小船水手的周五邮件:一张天气预报图表、三条港口提示和一篇长文。免费,另有每月 $5 的船员套餐。

在编程 Agent 里

/popnow-glassmorphism-website-template 为 Tidewatch 做注册页,它是面向小船水手的周五邮件:一张天气预报图表、三条港口提示和一篇长文。免费,另有每月 $5 的船员套餐。

接着试试

生成前,先为夜晚的深色海水主视觉静物和由它制作的 5 秒循环报价。

把页面移植到我的 Astro 网站,做成组件和真实路由。

需要准备

  • 名称、订阅能给人带来什么,以及标题要承诺的那一点
  • 三到四个你能负责的事实,套餐和价格,四到六条 FAQ 答案
  • 如果品牌已有,提供你的 DESIGN.md
  • 可选:PopNow API 密钥,或你自己的深色照片和素材

类似技能

查看全部 →

常见问题

怎样才能让玻璃效果看起来对,而不是一个模糊的方块?

每个凸起的表面都使用同一套配方:内部是极淡的着色并带背景模糊,顶部有柔和的光泽,边缘用蒙版渐变环描出边框,让光线落在上下两侧。如果页面丢掉了这套配方,校验器就会失败。

首屏主视觉能动起来吗?

可以。确认首屏静物之后,PopNow 可以把它做成 5 秒的片段,内置的循环脚本会把它变成无缝、静音、带封面的循环。减少动态效果的设置和隐藏的标签页会保留静态图。

它只适合电子报吗?

不是。示例是一份晚间简报,但适配指南会把同样的板块映射到应用候补名单、课程、活动和播客上:产品预览变成应用界面,存档变成更新日志或场次列表。

我需要 PopNow API 密钥吗?

不需要。页面为每个图片位置附带了中性的内置静物和 CSS 备选方案。有了密钥,就能生成新的静物、人像、循环和社交卡片,每项都会在运行前以积分报价。