新品發布會邀請函模板

科技自媒體邀請函

示例：拾光 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 關掉

看模板原始碼 ›

這份哪裡不合適？提改進建議模板工廠每天看一次，改好了寫進改進記錄

新品發布會邀請函模板

同類案例