新品发布会邀请函模板

科技自媒体邀请函

示例：拾光 F2 新品发布会 · 邀请函 · 竖屏翻页

帮我给我们的新品发布会做一份竖屏翻页的邀请函，发成一个网页链接在微信里转发：全屏上滑翻页，每屏正好一屏高，共六屏，右侧一列竖向页码点、每屏底部一个轻轻跳动的「上滑」提示，电脑上居中显示一块手机比例的舞台，键盘上下键和鼠标滚轮一次翻一屏。第一屏是品牌标志用线条描出来的动画、「诚邀您出席」、大字活动名和一句口号，下面一个按天、时、分、秒实时跳动的开场倒计时和时间地点；第二屏是暗场，新品的线稿先是暗的，一束光从左扫到右把它照亮，下面三个关键参数；第三屏三个亮点，图标逐个弹出、数字从 0 滚到位，每个配一句话；第四屏按时间排当天流程（签到、开始、问答、试用、散场），一张北向上的会场示意小地图（地铁口、步行虚线、会场、停车入口、步行距离和分钟数），地址带复制按钮；第五屏三位嘉宾，圆形抽象人像头像翻转出现，点哪位看哪位的介绍；第六屏预约席位表单（姓名、手机号、公司、几个席位），提交后存到一张数据表、页面显示已约几席还剩几席，并当场画出一张带编号、可长按保存的入场券。不引外部字体和图片，插画都用 SVG 现画；跟随系统深浅色，减少动态效果时动画停在终态。嘉宾或议程有变就更新同一个链接。

参考模板：先读 https://space.24haowan.com/examples/sample-h5-launch/agent.md ，照它的结构和版式做，内容全部换成我的；做成一个单文件 HTML（样式写在页面里、不引用外部文件，手机上好看），并提供 .html 文件下载。
· 你有活页工具（MCP）：用样例 sample-h5-launch 当底稿（list_examples key=sample-h5-launch），发成活页，先给我看预览。
· 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-h5-launch ，把返回的预览链接和认领链接给我（7 天临时链接）。
如果你还没有活页连接器（MCP），先读 https://space.24haowan.com/for-agents.md ，照里面的说明接入，或不登录直接发布。

豆包、DeepSeek、Kimi、元宝、ChatGPT、Claude……能上网读链接的都可以

看真页面

发成微信里能打开的链接

WorkBuddy、Claude、Codex 等支持 MCP 的 Agent，微信扫码登录

第一次在 WorkBuddy 里接活页？看图文手册 ›

帮我接入活页：先读 https://space.24haowan.com/for-agents.md ，一步步带我完成；然后参考 https://space.24haowan.com/examples/sample-h5-launch/agent.md 做一份我自己的「拾光 F2 新品发布会 · 邀请函」，发成活页，先给我看预览。

我的要求：帮我给我们的新品发布会做一份竖屏翻页的邀请函，发成一个网页链接在微信里转发：全屏上滑翻页，每屏正好一屏高，共六屏，右侧一列竖向页码点、每屏底部一个轻轻跳动的「上滑」提示，电脑上居中显示一块手机比例的舞台，键盘上下键和鼠标滚轮一次翻一屏。第一屏是品牌标志用线条描出来的动画、「诚邀您出席」、大字活动名和一句口号，下面一个按天、时、分、秒实时跳动的开场倒计时和时间地点；第二屏是暗场，新品的线稿先是暗的，一束光从左扫到右把它照亮，下面三个关键参数；第三屏三个亮点，图标逐个弹出、数字从 0 滚到位，每个配一句话；第四屏按时间排当天流程（签到、开始、问答、试用、散场），一张北向上的会场示意小地图（地铁口、步行虚线、会场、停车入口、步行距离和分钟数），地址带复制按钮；第五屏三位嘉宾，圆形抽象人像头像翻转出现，点哪位看哪位的介绍；第六屏预约席位表单（姓名、手机号、公司、几个席位），提交后存到一张数据表、页面显示已约几席还剩几席，并当场画出一张带编号、可长按保存的入场券。不引外部字体和图片，插画都用 SVG 现画；跟随系统深浅色，减少动态效果时动画停在终态。嘉宾或议程有变就更新同一个链接。

分享海报

微信里长按图片保存或转发给朋友；扫码就能打开这个模板。

下载海报

这份模板

发布会、品牌活动、开业、展会、沙龙这类「请客户 / 媒体 / 合作方到场」的邀请：要在微信里一页一页往上滑、有开场倒计时和新品预告，最后预约席位、拿到一张带编号的入场券。请亲戚朋友吃饭（周岁宴、喜宴）选 sample-invitation 或 sample-wedding-invite；按线路 / 场次分名额收报名选 sample-event-signup；同学聚会选 sample-reunion-invite；要写成一篇可长读的介绍而不是翻页 H5，别选它。

页面结构：开场 · 新品 · 三个亮点 · 时间地点 · 嘉宾 · 预约席位

整页 scroll-snap 竖屏翻页（每屏 100dvh），电脑上居中手机舞台、键盘上下键 / 滚轮一次翻一屏
内联 SVG 动效：标志描边绘出、光扫过产品线稿（渐变遮罩）、数字滚动、头像翻转；prefers-reduced-motion 停在终态
页末预约写回数据表（原生表单 POST ./_data/signup），读回已约席位，canvas 画出带编号的入场券（长按存图）
同一链接更新不变（嘉宾、议程有变改同一页）
微信卡片（share.title / share.desc）

发之前要备好：数据表 signup（列 name / phone / company / seats，append_open=true）：第六屏的预约写进这里，页面读它数已约席位并给入场券编号，发之前先用 set_data 建好；能打开页面的人都读得到这张表，页面上只显示席位总数、不显示手机号；预约截止日过后把 append_open 关掉

看模板源码 ›

这份哪里不合适？提改进建议模板工厂每天看一次，改好了写进改进记录

新品发布会邀请函模板

同类案例