新品发布会邀请函 template

Tech Media & marketing Invitations

Example: 拾光 F2 新品发布会 · 邀请函 · 竖屏翻页

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

Reference template: first read https://space.24haowan.com/examples/sample-h5-launch/agent.md and follow its structure and layout, replacing all content with mine. Deliver one self-contained HTML file (styles inline, no external files, good on phones) and give me the .html file to download.
· If you have LivePage tools (MCP): use sample sample-h5-launch as the base (list_examples key=sample-h5-launch), publish it on LivePage and show me the preview first.
· No LivePage tools but you can send HTTPS requests: POST the finished HTML with Content-Type: text/html to https://space.24haowan.com/api/quick?client=template-sample-h5-launch and give me the preview link and claim link it returns (a 7-day temporary link).
If you don't have the LivePage connector (MCP) yet, read https://space.24haowan.com/for-agents.md first and follow it to connect, or publish without signing in.

Doubao, DeepSeek, Kimi, Yuanbao, ChatGPT, Claude… any agent that can read a link

View page

Publish as a link that opens in WeChat

WorkBuddy, Claude, Codex and other MCP agents; sign in by scanning with WeChat

Connecting LivePage in WorkBuddy for the first time? See the illustrated guide ›

Connect me to LivePage: first read https://space.24haowan.com/for-agents.md and walk me through it step by step; then use https://space.24haowan.com/examples/sample-h5-launch/agent.md as a reference to make my own "拾光 F2 新品发布会 · 邀请函", publish it on LivePage and show me the preview first.

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

Share poster

In WeChat, long-press the image to save or forward it. Scanning the code opens this template.

Download poster

About this template

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

Page structure：开场 · 新品 · 三个亮点 · 时间地点 · 嘉宾 · 预约席位

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

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

View template source ›

Something missing here? Suggest an improvementThe template factory checks daily and logs every improvement

新品发布会邀请函 template

More like this