技能概述
Editorial Tri-Tone 係一款三色編輯系統簡報技能：灰粉色、芥末奶油色同深酒紅色，搭配 Bricolage + Instrument Serif 字體組合。適合時尚雜誌風格提案、時尚品牌簡報、生活媒體、藝術指導評審。
8 頁 demo，中等密度，中高正式度。即使係 tech、研究或商業簡報，想要三色紀律同 serif/sans 對比而非尋常中性色，呢個都係出色選擇。
觸發關鍵字
- editorial-tri-tone、zhangzara-editorial-tri-tone、Editorial Tri-Tone
- editorial、warm、literary
- editorial / magazine pitch、fashion brand deck
- html deck、html slides、zhangzara
什麼時候用
- 時尚雜誌風格簡報 / 提案
- 時尚品牌 deck
- 生活媒體展示
- 藝術指導 review
- 想要三色紀律同 serif/sans 對比嘅 tech / 研究 / 商業簡報
什麼時候避免
- 需要柔和、安慰感覺嘅簡報 — 酒紅/粉紅/奶油三色調係刻意高對比、有型格嘅。
使用方法
自然語言觸發
用 editorial-tri-tone 整一份時尚品牌 deck
我想要一個像雜誌一樣嘅簡報
zhangzara editorial 風格
工作流程
- Clone
example.html同assets/資料夾 — 呢個模板附帶assets/deck-stage.js運行時（鍵盤導航、舞台渲染）。 - 替換佔位內容 — 換上真實標題、正文、數據、名稱、日期同 section label。
- 保留設計系統 — 唔好替換字體、重調色板、重構佈局網格或移除裝飾元素。
- 調整篇幅 — 多於 demo 就複製最合適嘅佈局；少於就從底部刪除。
- 設計新佈局 — 需要 demo 冇嘅佈局時，用相同字體、色板、裝飾語言從頭設計。
- 保留導航運行時 —
assets/deck-stage.js保持原樣。
輸出格式
單文件 HTML 簡報（含外部 JS 資產）：
<artifact identifier="zhangzara-editorial-tri-tone" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
實際例子
例子 1：時尚品牌 Deck
用戶：「用 Editorial Tri-Tone 幫我整一份時尚品牌提案。」
生成 8 頁簡報：
- Cover：Bricolage 大標題 + Instrument Serif 副標題，三色背景
- Brand Story：灰粉色背景 + serif body text
- Collection：mustard cream 底色 + 產品圖
- Color Palette：三色系統展示
- Lookbook：全酒紅背景頁
例子 2：Tech 研究報告（非傳統風格）
用戶：「我想用 editorial 風格做一份研究報告，唔想太 corporate。」
涵蓋：
- Research question with editorial typography
- Key findings in tri-tone stat blocks
- Methodology with clean serif body text
- Conclusion with impactful full-bleed closing