技能概述
Long Table 係一款溫暖奶油色同銹紅色 supper-club 美學風格嘅 HTML 簡報技能，搭配粗體大寫 grotesk 標題、斜體 Fraunces 字體同藥丸形狀輪廓按鈕。適合晚宴俱樂部、晚餐系列、小型餐廳、創意工作室活動、會員制提案、生活方式同葡萄酒品牌。
8 頁 demo，中等密度，中等正式度。任何想要單一溫暖點綴色、斜體配粗體字體組合、社交媒體友好嘅現代編輯聲音嘅簡報都適用。
觸發關鍵字
- long-table、zhangzara-long-table、Long Table
- warm、intimate、playful
- supper club or dinner series、event or community gathering
- html deck、html slides、zhangzara
什麼時候用
- 晚宴俱樂部 / 晚餐系列
- 小型餐廳品牌展示
- 創意工作室活動簡報
- 會員制 pitch
- 生活方式 / 葡萄酒品牌
- 想要溫暖、親密、現代社區品牌感覺嘅任何簡報
什麼時候避免
- 需要企業級打磨、技術密度或冷/極簡風格嘅場景 — 銹紅色調同粗體/斜體混合係刻意溫暖同面向人嘅。
使用方法
自然語言觸發
用 long-table 風格整一份餐廳 deck
我想要一個溫暖親密嘅簡報
zhangzara long-table，做一份會員制提案
工作流程
- Clone
example.html— 作為工作文件。 - 替換佔位內容 — 換上真實標題、正文、數據、名稱、日期同 section label。
- 保留設計系統 — 唔好替換字體、重調色板、重構佈局網格或移除裝飾元素。
- 調整篇幅 — 多於 demo 就複製最合適嘅佈局；少於就從底部刪除。
- 設計新佈局 — 需要 demo 冇嘅佈局時，用相同字體、色板、裝飾語言從頭設計。
- 保留導航運行時 — 內聯鍵盤處理程式保持原樣。
輸出格式
單文件 HTML 簡報：
<artifact identifier="zhangzara-long-table" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
實際例子
例子 1：Supper Club Deck
用戶：「用 long-table 風格幫我整一份 dinner series 簡報。」
生成 8 頁簡報：
- Cover：銹紅色標題 + Fraunces italic 副標題
- Concept：cream 背景 + grotesk 標題
- Menu Preview：pill-shaped buttons for courses
- Chef Profile：照片 + warm bio
- Membership tiers：pill outline CTA buttons
例子 2：社區活動提案
用戶：「Long Table 風格，整一份 community gathering 提案。」
涵蓋：
- Event concept with warm typography
- Venue / atmosphere moodboard
- Timeline with italic section headers
- Budget breakdown with pill-shaped data points