技能概述
html-ppt-taste-editorial 係一個 16:9 HTML 簡報模板，靈感來自 print editorial 美學。暖色奶油底（#FBFBFA / #F7F6F3），襯線大字配無襯線正文，極細線分隔，單一強調色。讀落似雜誌內頁，唔似 SaaS landing page。
提煉自 Leonxlnx/taste-skill 嘅 minimalist-skill。適合投資匯報、設計評審、內部宣言、講座簡報呢類「討厭霓虹燈」嘅場景。
觸發關鍵字
- editorial minimalism、editorial slides、奶油簡報
- 投資匯報 PPT、設計評審簡報、內部宣言
- minimalist deck、print-style presentation
- taste editorial
視覺規範
色彩
| 用途 | 色值 |
|---|---|
| 背景底 | #FBFBFA / #F7F6F3（暖米白） |
| 前景文字 | #1A1A19（暖黑） |
| 極細線 | #EAEAEA |
| 強調色 | 單一柔和色（如 sage #346538 on #EDF3EC，或 red #9F2F2D on #FDEBEC） |
禁用：純黑 #000、純白 #FFF
字體配對
| 用途 | 字體 |
|---|---|
| 標題（serif） | Instrument Serif / Newsreader / Lyon |
| 正文（grotesque） | Inter Tight / Switzer |
| 元信息（mono） | JetBrains Mono |
禁用：Inter（非 Tight）、Roboto、Open Sans
標題規格
- 標題大小：
clamp(56px, 6.5vw, 96px) - 行高：
1.05，字距：-0.025em - 標題寬度最多 14ch
版面規則
- 極細線唯一：
1px solid #EAEAEA用於邊框、分隔線、表格。禁用投影。 - 單色強調：全份簡報最多用三次，僅用於眉點、圖表填充、標註 chip。絕唔用作背景。
- 留白慷慨：每頁 padding 至少
72px 96px。 - 眉標：每頁以 mono 大寫眉標開場，
letter-spacing: 0.18em，附帶章節編號如01 / 09。 - 頁碼：mono，右下角。
禁止清單
- Inter（非 Tight）、Roboto、Open Sans
- 重投影、發光、漸變文字
- 三等分卡片排版（改用不等寬極細線分隔欄）
- Emoji 或 emoji 項目符號
- 每頁滿版攝影（保留一兩頁圖像頁即可）
- AI 陳詞濫調（"Elevate"、"Unleash"、"Seamless"、"Next-Gen"）
- 比淡入更嘈雜嘅過場效果
推薦頁面結構（10-12 頁）
| 頁序 | 類型 | 說明 |
|---|---|---|
| 1 | Cover | 襯線標題，句中斜體強調，mono 頁腳 |
| 2 | Eyebrow + Thesis | 左側一句正文引語，右側 mono 編號目錄 |
| 3 | Numbered Manifesto | 3-4 條極細線分隔論述 |
| 4 | Bento Data | 不等寬 6 欄 grid，serif 大數字 + mono 輔助 |
| 5 | Quote | 單句大號襯線，上下極細線，mono 出處 |
| 6 | Comparison | 雙欄垂直極細線分隔，"Doesn't / Does" 對比 |
| 7 | Table/Index | display: grid; gap: 1px 極細線表格 |
| 8 | Chart | 扁平橫條圖，mono 標籤，最新數據用強調色 |
| 9 | Team/Colophon | mono 鍵值列表，無頭像 |
| 10 | Closing | 襯線結語斜體，ghost button CTA，mono 簽名 |
動畫
- 靜態預覽：每頁默認可見
- 正式簡報：
400ms cubic-bezier(0.16, 1, 0.3, 1)淡入 - 禁止位移、模糊、自動播放
使用方法
自然語言觸發
用 taste editorial 模板做一份投資匯報 PPT
奶油極簡風格簡報，關於 Q1 業績回顧
editorial minimalism deck for design review
預檢清單
- 底係暖米白，前景係暖黑，無純黑白
- 標題用襯線，正文用無襯線，元信息用 mono — 三家族各司其職
- 單一強調色，全篇最多三次
- 每頁有眉標 + 章節號 + 頁碼
- 至少一個極細線 grid 表格或對比模組
- 無投影、漸變、emoji、禁用字體