你会得到
- 一个离线 HTML 文件,字体和照片已嵌入;或 Next.js、React、Vue、Astro 版本
- 首页包含漂移的文字飘带、产品陈列条、拼贴、故事时间线和订阅表单
- 产品页、系列页、混搭装组合器、购物袋和演示结账
- 门店查找器(带地图投影脚本)、配送范围检查、博客、常见问题、联系方式和政策页
- 可选的 PopNow 包装照清理与静物图生成,每次运行前报价
适合
- 果汁、冷萃饮料、汽水和康普茶品牌
- 直接面向消费者销售的咖啡烘焙商、茶叶和零食品牌
- 提供自取或本地配送的面包房与咖啡馆
不适合
- 需要年龄验证的酒类品牌
- 需要商务后台支撑的大型商品目录
- 深色、极简或企业风的视觉
怎么用
在 Claude 或 ChatGPT 里
用 PopNow 的技能「饮品品牌官网模板」(beverage-brand-website)帮我做这件事:为 Sunfold 做一个网站,它是一个有五种口味、330 毫升罐装的气泡茶品牌,在德国境内以欧元发货,提供 12 罐混搭装,门店在柏林和汉堡。
在编程 Agent 里
/popnow-beverage-brand-website 为 Sunfold 做一个网站,它是一个有五种口味、330 毫升罐装的气泡茶品牌,在德国境内以欧元发货,提供 12 罐混搭装,门店在柏林和汉堡。
接着试试
把五张罐装照片抠出来并匹配光线,先给我看价格。
把瓶身押金文案换成易拉罐回收,去掉本地配送区域。
需要准备
- 带价格、规格以及口味或配方的产品
- 购买方式:运费、本地配送区、经销门店或店铺
- 你的品牌故事和真实客户评价
- 包装照或手机照片,或 PopNow API 密钥
类似技能
查看全部 →- 网页
3D 头像制作工具
+25在浏览器里捏一个软萌毛绒风 3D 角色,保存为透明 PNG 或 3D 网页。
- 网页
日历热力图
+25用带色阶的日历网格展示一整年的每日活动,附连续天数、总数和键盘操作。
- 网页
AI SaaS 落地页
+25温暖的砂色纸面,发丝线的竖轨和斜线阴影围着一块实时看板,助手在上面规划任务。
- 网页
动态 Hero 首屏区块
+25落地页首屏:标题中的一个词轻轻轮换,配两个按钮和一个宽幅图片框。
- 网页
着色器主视觉的创意机构网站
+25一块实时的橙色热浪着色器主视觉,底部固定一句宣言,配胶囊导航和错落的案例网格。
- 网页
深色 SaaS 落地页
+25深色、动效丰富的软件产品营销网站,交付为一个自包含的 HTML 文件。
- 网页
设计师作品集网站
+25六张微微倾斜的卡片环绕着渐隐的标题,浅灰底色,一张红色人像卡片,以及编辑风格的案例研究。
- 网页
程序员作品集网站
+25面向工程师的深色个人网站,含项目案例、文章、演讲、简历和联系表单。
- 网页
编辑风 SaaS 网站
+25深蓝的分栏首屏,五行衬线标题配纪实照片,斜切的色带,以及一种钴蓝强调色。
- 网页
自由设计师个人网站
+25大胆的一人工作室网站,出售固定价格套餐,包含套餐页、案例、流程和需求表单。
- 网页
玻璃拟态网站模板
+25近黑胶片上的磨砂玻璃胶囊,一行带斜体单词的超大衬线标题,以及邮箱订阅框。
- 网页
硬件产品网站
+25银色影棚照片上是超大的细线型号名,磨砂规格卡片,按比例排列的产品阵列,以及硬件网格布局。
- 网页
交互式系统架构图
+25离线可点击的系统架构图,基于经过校验的 JSON 模型生成,每个方框都附有依据。
- 网页
互动网格主视觉
+25近黑底上的一张细线深色网格,会朝光标弯曲,并从每次点击中荡出一圈发光的波纹。
- 网页
知识图谱可视化
+25把项目笔记变成离线可搜索的知识图谱,每条结论都能追溯到原文所在行。
- 网页
KPI 仪表盘模板
+25暖纸上的四个 KPI 方块,附变化标签,配发光折线图、分项表格和目标进度条。
- 网页
AI 样稿转落地页
+25先看三张整页设计稿,选定一张,你的 Agent 再把它构建为干净、响应式的代码。
- 网页
杂志网站模板
+25印刷级质感的杂志网站,含文章、专题、小型商店和订阅,整站就是一个 HTML 文件。
- 网页
粒子动画主视觉
+25暖纸底色上的文案,旁边是一个旋转的墨色与青绿色圆点球体,按每个理念重组形状,并在滚动时散开。
- 网页
个人品牌网站
+25一张羽化进暖纸的肖像,置于细线括号之下,两侧是轻重对比的陈述。
- 网页
宠物用品店官网模板
+25一个可以运作的宠物用品店:商品目录、规格、购物袋、补货计划和演示结账,全部在一个 HTML 文件中。
- 网页
播客网站模板
+25播客网站:可播放的首屏、单集档案、嘉宾页面,以及切换页面时仍在播放的播放器。
网页手绘风定价区块
+25笔记本风格的定价表:倾斜的墨线卡片、年付切换和深色模式,一个离线文件即可。
- 网页
电影感产品发布页
+25电影光线下的近黑页面:衬线标题卡配漂移的光带,宽银幕式的夜景,以及预约表单。
- 网页
论文研究项目主页
+25为你的论文做一个项目页:可交互的图 1、结果、局限性,以及一键复制的引用格式。
- 网页
后台管理系统模板
+25可直接运行的后台控制台,含图表、表格、看板和日历,整套就是一个离线 HTML 文件。
- 网页
SaaS 落地页模板
+25沉静、明亮的软件产品营销网站,含可交互的产品控制台、定价和注册。
- 网页
手帐风个人简历网站
+25用纸质物件拼成的多页在线简历,含项目案例和可打印的简历。
- 网页
球鞋商城网站模板
+25完整的鞋履或服装网店,含商品目录、商品详情页、购物袋和演示结账,全在一个 HTML 文件里。
- 网页
运动俱乐部官网模板
+25俱乐部、健身房或工作室网站:课表、教练页、会员方案、场地图和预约,全部在一个文件里。
- 网页
用户评价墙区块
+25一面瀑布流或缓慢漂移的客户评价墙,只展示客户同意公开的评价。
- 网页
旅行社官网模板
+25以照片为主的旅行网站,适合团游、向导或山屋:行程搜索、预约申请和旅行测试问卷。
- 网页
工作流自动化落地页
+25石墨灰页面,左对齐的小标题,下方是实时的节点图,会运行、重试并流式输出日志。
常见问题
我们卖的是罐装,不是瓶装,可以吗?
可以。包装相关部分(押金说明、装箱计数图、图标、404 图和尺寸文字)都列在改造指南里,可以换成罐、罐头瓶、袋装或盒装。
能用我们真实的包装照吗?
可以。经你确认报价后,PopNow 会把每件包装抠出来,清除反光和桌面阴影,统一光线,然后放到口味色块上,或放进保留你真实标签的静物图中。
商店能真正下单吗?
暂时不能。购物袋、混搭装组合器和结账都能运行并显示确认信息,但在接入支付服务和订单后台之前,不会扣款,也不会发货。
怎样把我们的门店放上地图?
按经纬度列出门店,运行附带的投影脚本,再把它输出的 x 和 y 值粘贴到门店数据里。
适合果汁、汽水或咖啡饮品品牌的网站吗?
适合。商店按口味出售罐装、瓶装或袋装,混搭装组合器可以把不同口味装进一个盒子,门店地图则列出售卖你产品的咖啡馆和商店。把明快的配色换成你自己的饮品品牌色,只需改一处。

