↓ 方向鍵 / 空白鍵 翻頁 ｜ G 跳頁
01 / 10
2026.XX.XX×講者單位×場合 #00
>主標題
第二行強調
副標：一句話講清楚這份 deck 在說什麼。
用 accent 色 點出關鍵詞。
講者名
·
所屬單位
SECTION ｜ LABEL
側邊金句卡，
放主題敘事的
核心命題。
時長 ｜ 頁數
02 / 10
PART 1
01
章節大標
一句副標，描述這個章節要解決什麼問題或帶觀眾去哪。
03 / 10
PART 1|SECTION
>三欄編號版型 ＝ 流程 / 步驟 / 階段。
適合三段式的內容：1→2→3 的步驟、三種類型、三個面向。
01
第一步標題
這格放步驟描述，2-3 行說明這一步要做什麼、怎麼做。可以塞 code 指令 或關鍵詞。
02
第二步標題
行內可以用 inline code，或用
強制換行做節奏。
03
第三步標題
三欄是預設，若想四欄改 .step-row.cols-4，兩欄用 .cols-2。
底部金句條 .pull-quote：放一句帶 accent 高亮 的 takeaway。
04 / 10
PART 1|選 X
>選項對照版型 ＝ 三選一 + 推薦徽章。
適合「三個方案 / 三個工具 / 三條路線」的對比決策頁。
RECOMMENDED
選項 A
一句 tagline 講賣點
- 優勢條列 1
- 優勢條列 2
- 優勢條列 3
- 缺點用 .warn 變紅
→ 推薦給：起手族
FOR POWER USERS
選項 B
另一個方向的賣點
- 適合進階使用者
- 學習曲線較陡
- 效率最大化
- 需要適應期
→ 推薦給：熟手
EXPERIMENTAL
選項 C
實驗性 / 觀望類
→ 觀望就好
推薦色卡用 .editor-card.recommend（亮色邊框） + .editor-badge（浮徽章）。
05 / 10
PART 2|主訊息
>大強調卡 + 三段細節版型。
頁面要先 push 一個核心訊息，再用 3 STEP 拆解操作步驟。
核心訊息標籤
最大強調的那句話，
可以含連結 或用
accent 點關鍵詞下面一行補充說明、上下文、why。字級比主訊息小，灰色。
STEP 1
無編號的步驟卡
用 .step-card.no-num 隱藏大數字，改用上方 .step-stage 小標。
STEP 2
適合：階段名
「STEP 1 / 階段 01 / 招式 1 / 類型 A」這類非數字主導的分段。
STEP 3
最末步
範例：發到 Discord 頻道 喊聲。
心法：先大訊息壓場，再細節拆解，觀眾抓得到主旨。
06 / 10
PART 2|對比
>左右對比版型 ＝ 錯/對 ｜ 前/後 ｜ 沒/有。
適合「沒做這件事 vs 做這件事」、「錯誤起點 vs 正確起點」的衝突感對比。
負面 / 警示側
大數字或大字
- 列點用 ✕ 符號自動產生
- 左邊紅色條 + 標籤色紅
- 大字用灰色（不搶眼）
正面 / 解法側
明亮的結果
- 列點用 ✓ 符號
- 左邊綠色條 + 標籤色綠
- 大字用 accent（吸睛）
用 .compare-side.bad 跟 .compare-side.good 切換配色，結構完全一致。
07 / 10
PART 3|時間/流程
>時間軸版型 ＝ 一天/一週/一年的剪影。
大圓圖示 + 時間標記 + 標題 + 描述，三節點之間用漸層橫線串。
☀
AM 09:00
第一個時刻
這個時段在做什麼。圖示可換成 emoji（☀◐◑）或數字（1/2/3）。
◐
PM 14:00
第二個時刻
每個 stage 結構一致：圖示 → 時間 → 標題 → 描述。
◑
PM 22:00
第三個時刻
底層橫線自動連起來。預設三節點，要更多要改 grid。
時間軸特別適合 「敘事節奏」 頁：講你的一天、客戶旅程、品牌成長。
08 / 10
PART 3|四個情境
>四宮格版型 ＝ 四象限 / 四情境 / 四產品線。
情境 01 ｜ 標籤
大數字 / 大字
/skill-name-1 對應的工具或產出
/skill-name-2 第二項
/skill-name-3 第三項
情境 02 ｜ 標籤
2 小時 → 30 分
tool-A 主力工具
tool-B 輔助
tool-C 收尾
情境 03 ｜ 標籤
N 倍效率
產品線 X 內容說明
產品線 Y 第二條
產品線 Z 第三條
情境 04 ｜ 標籤
XX → YY
項目 1 描述
項目 2 描述
項目 3 描述
大字 .qd-big 預設 2.15vw；若文字較長，inline 改成 1.6vw 比較不會擠。
09 / 10
PART 4|互動展示
>4 欄互動卡片 ＋ 點擊 Modal 詳情。
適合作品集 / 工具盤點 / 產品線總覽 — 縮圖點開看細節。 點 cell 看 modal
這頁同時示範 scroll-snap 內的可點互動 — Modal、ESC 關閉、外部點擊關閉。
10 / 10
最後一頁 ｜ 帶這個離場
⭐ 行動呼籲標籤
給觀眾的 填空題，要他做的那一件事是：
@提及對象 ｜（填空提示文字）
成功的定義
用 具體可衡量 的目標描述「達標長什麼樣」
收尾金句，用對比突出最後一擊。