DESIGN.md — Siyulio Slide Studio 品牌脊柱設計文件

這份文件是 Siyulio Slide Studio 的品牌脊柱（Brand Spine），記錄所有視覺決策、排版規則、色彩系統與內容架構，供 AI 工具、協作者與使用者對齊使用。

1. Product Context（產品定位）

核心訊息：讓任何人都能在幾十秒內，用 AI 生成一份具有專業視覺品質的簡報。

2. Aesthetic Direction（美學方向）

整體風格定義

一句話描述：乾淨現代的教育科技風，以高可讀性為底，用局部視覺強調引導注意力。

關鍵風格關鍵字：

• Modern Educational（現代教育感）
• Clean & Structured（整潔有結構）
• Approachable Tech（親切科技感）
• Content-first（內容優先）

刻意避免的設計模式（Anti-patterns）

3. Design Tokens（設計語彙）

色彩系統

強調色 #FFCC00 採用高飽和螢光黃，在白底上對比度強，兼顧可讀性與品牌識別度。

字型系統

字重使用原則：

• 頁面唯一主標 → Extra-bold
• 重點詞彙強調 → Bold + color-accent 底色
• 說明性內文 → Regular，行高 1.6

間距系統

4. Content Architecture（內容架構）

AI 生成簡報標準結構（8 張投影片）

Siyulio Slide Studio 預設以 8 張投影片為一份完整簡報，每張對應固定職責：

第 1 張｜封面（Cover）
├── 主標題：簡報主題
├── 副標題或一句話摘要
└── 品牌標示：Siyulio Slide Studio

第 2 張｜目錄（Agenda）
└── 列出 3–5 個本簡報核心主題

第 3–7 張｜內容投影片（Content Slides）
├── 每張聚焦一個概念
├── 標題 + 具體說明
└── 可使用卡片、條列、表格、步驟流程等 Pattern

第 8 張｜結尾（Closing）
├── 感謝語
└── 聯絡資訊或行動呼籲（CTA）

風格主題系統（Style Themes）

5. Slide Patterns（投影片模板類型）

每種模板對應反覆出現的版面結構，便於 AI 工具或設計者快速套用。

Pattern A：封面頁（Cover）

• 全版背景（白或淺色）
• 大型中文主標題（Extra-bold，居中或左對齊）
• 英文或小字副標題
• 講師資訊左下角
• 品牌 Logo 右下角

Pattern B：Section Divider（章節分隔頁）

• 背景可用深色或強調色填滿
• 超大中文標題（如「深度解析」）置中
• 「Section N」英文標籤，細字，位於標題下方
• 無其他文字元素，強調過渡節奏

Pattern C：工具定義頁（Tool Intro）

• 左側：圖示 + 工具名稱（大標）
• 右側或下方：3–4 個功能要點（條列）
• 每條要點前有 Emoji 或幾何圖示

Pattern D：比較表頁（Comparison Table）

• 標題：「A vs B」
• 全寬表格，列為功能維度，欄為工具
• 末行或頁腳加一句結論語

Pattern E：功能卡片頁（Feature Cards）

• 標題區（頂部）
• 主體：2×2 或 1×4 卡片陣列
• 每卡片：圖示 + 小標題 + 1–2 行說明

Pattern F：步驟流程頁（Step Flow）

• 編號圓形（1 / 2 / 3 / 4）橫向或縱向排列
• 每步驟：標題 + 說明文
• 可加箭頭連結符號

Pattern G：提示詞展示頁（Prompt Showcase）

• 深色代碼區塊（code block 風格）放置提示詞原文
• 說明文字在上方或側邊
• 標注欄說明各提示詞參數位置

Pattern H：截圖說明頁（Screenshot Walkthrough）

• 左側：操作截圖（帶標注圈圈 ❶❷❸）
• 右側：對應操作步驟文字
• 頁腳：注意事項或使用限制說明

Pattern I：實戰訓練頁（Hands-on Training）

• 大標「XXX 學習目標 / 實戰訓練」
• 單一核心任務說明
• 提示詞範例（code block）
• 視覺簡潔，留白充足

Pattern J：人物介紹頁（Speaker Bio）

• 左側：個人照片或圖示
• 右側：姓名、職稱、核心引言
• 下方：條列式經歷

6. Recurring UI Elements（反覆出現的 UI 元素）

7. Content Tone（內容語氣）

8. Decisions Log（設計決策紀錄）

本文件是 Siyulio Slide Studio 的設計源頭，版本迭代時同步更新 Decisions Log。每次新增風格主題或參考新簡報時，請在此文件留下決策記錄。