## 調色板

### 原色

**背景**

- 顏色：`#f2f2f0`

- 描述：淺中性米白色，乾淨簡約

- 用途：所有投影片背景，無例外

**主要文字和行**

顏色：`#2B2B2B` 或 `#1A1A1A`

描述：深灰色，近乎黑色

- 用途：所有文字內容、標題分隔線、幾何輪廓線、字元輪廓線

### 點綴色

**活力藍**

- 顏色：`#5B7FFF`（備選顏色：`#4D6FE8`）

- 描述：中等亮度的藍色，充滿活力

- 用途：幾何圖形上的圓形節點、角色服裝/圍巾、按鈕填充、裝飾點

**柔和金**

- 顏色：`#C9B568`（替代顏色：`#D4C17A`）

- 描述：暖芥末黃/金色調

- 用途：幾何圖形上的圓形節點（與藍色交替），裝飾點綴

### 顏色應用程式規則

背景色始終為 `#E8E6E3`

- 文字始終為 `#2B2B2B`

- 藍色和金色僅用於圓形節點和字元點綴。

- 切勿將藍色或金色用作大面積色塊或文字顏色。

保持文字與背景之間的高對比

## 排版系統

### 字體系列

**主顯示字體：Roca Two（或類似的粗襯線字體）**

- 特色：粗獷、友善的襯線字體，帶有圓潤的線條。

- 字重：粗體/重體

- 用途：所有投影片標題、主標題、章節標題

- 保持字體不變

**輔助正文字體：Poppins（或 Inter）**

- 特色：簡潔、現代的無襯線字體，具有極佳的易讀性

- 重量：主體部分使用常規重量（400），強調部分使用中等重量（500）。

- 用途：所有正文、副標題、圖片說明、頁碼、標誌文字

保持字體不變

### 字體大小層級

**超大標題**（封面投影片、主要章節分隔符號）

字體：**Roca Two**

- 字號：72-96磅

顏色：`#2B2B2B`

- 用法：“主標題”、“感謝”、“議程”

**大標題**（內容投影片標題）

字體：**Roca Two**

- 字號：48-60磅

顏色：`#2B2B2B`

- 用法：“我們的願景”、“品牌定位”、“YouMind 的宗旨是什麼？”

正文（段落、描述）

字體：Poppins Regular

- 字號：18-24磅

顏色：`#2B2B2B`

- 行高：1.6-1.8

- 用法：所有段落內容、描述

**小字**（頁碼、頁尾、圖註）

字體：Poppins Regular

- 字號：16-18磅

顏色：`#2B2B2B`

- 用法：「第 X 頁」、網站 URL、電子郵件地址

**按鈕/藥丸文字**

字體：Poppins Regular 或 Medium

- 字號：20-24磅

顏色：`#2B2B2B`

- 用途：圓形藥丸按鈕內的文字

### 排版規則

- 切勿混用襯線字體 - 僅使用 **Roca Two** 字體進行顯示

- 正文永遠不要使用襯線字體，只用 Poppins 字體。

- 保持行高一致（1.6-1.8），以提高可讀性

所有文字必須使用 `#2B2B2B` 格式，無例外。

段落間距要寬敞（24-32磅）

## 佈局系統

### 全域頭部結構

**僅限封面投影片（第 1 頁）：**

**左側頁眉元素：**

- 標識

- 尺寸：直徑 32-40pt

- 顏色：黑色輪廓 `#2B2B2B`

- 位置：距左側邊緣 60-80 像素，距頂部 60-80 像素

- 間距：logo 與文字之間為 12-16 像素

**右側頁眉元素：**

字體：Poppins Regular，16-18磅

顏色：`#2B2B2B`

- 位置：距右邊緣 60-80 像素，距頂部 60-80 像素

- 對齊方式：右對齊

**標題分隔符號：**

- 細水平線

- 重量：1-2磅

顏色：`#2B2B2B`

位置：位於標題元素下方，佔據整個寬度並帶有邊距。

- 邊距：左右各 60-80 像素

**內容投影片（第2-4頁）與結束投影片（第5頁）：**

- 沒有 YouMind 標誌

- 僅顯示「第 X 頁」文字

位置：右上角、底部中心或其他隱藏位置

- 無標題分隔線

- 更多垂直空間可用於內容創作

### 邊際制度

標準邊際：

- 上：60-80px（標題分隔線下方再增加 40-60px）

底部：60-80像素

- 左側：80-100像素

- 右側：80-100像素

**內容區域：**

- 考慮到頁首和邊距，內容區域大約為 1200-1280px 寬 × 600-680px 高（16:9，1920×1080 解析度）

## 視覺元素

### 手繪幾何圖形

核心設計：

風格：不規則的手繪矩形和正方形

- 線寬：2-3磅

顏色：黑色 `#2B2B2B`

- 品質：有機，線條略微彎曲（非完全筆直）

連接線：以不同角度連接形狀的線條

**循環節點：**

形狀：完美圓形

- 尺寸：24-40pt 直徑

- 填滿顏色：純色 - 可以是 `#5B7FFF`（藍色）或 `#C9B568`（金色）

- 位置：位於幾何圖形的連接點和轉角處

圖案：藍金相間，更顯多樣

**排名規則：**

- 放置在投影片的角落（左上、右上、左下、右下）

- 切勿與文字內容重疊

- 與內容區域保持 40-60 像素的距離

- 創造視覺平衡－如果左側有形狀，右側也應該有。

典型排列方式：2-4個相連的矩形，每個矩形有3-6個圓形節點。

### 圓形藥丸紐扣

**設計規格：**

形狀：圓角長方形（藥丸形狀）

- 邊框：2pt 實線黑色 `#2B2B2B`

- 填充：透明或 `#E8E6E3`（與背景相同）

- 邊框半徑：全高半徑（完美藥丸形狀）

- 內邊距：水平方向 16-24 像素，垂直方向 12-16 像素

- 文字：Poppins Regular，20-24pt，`#2B2B2B`

**用法：**

- 議程投影片上的導覽元素

- 行動號召按鈕

- 章節標籤

始終勾勒輪廓，從不填滿顏色

**懸停/啟動狀態（如果可互動）：**

- 填滿顏色：`#5B7FFF`（藍色）

- 文字：白色 `#FFFFFF`

- 邊框：`#5B7FFF`

### 裝飾點陣

**規格：**

- 點：小圓圈，直徑 3-4 磅

顏色：`#2B2B2B`

- 圖案：規則網格，間距 12-16 像素

- 排列方式：6×6 或 8×8 方格

- 位置：右上角，距邊緣 100-150 像素

用途：可選配的點綴，增添視覺趣味而不喧賓奪主。

### 圖示（極簡使用）

**風格：**

- 只有線稿，沒有填充。

- 重量：2-3磅

顏色：`#2B2B2B`

- 字號：48-64磅

- 例如：眼睛圖示（視覺），目標/十字準星（任務）

- 使用方法：謹慎使用，僅在強化特定概念時使用

## 角色插畫系統

### 角色設計規範

**基本結構：**

這是一幅極簡主義的手繪塗鴉插畫，描繪了一個簡單的白色人形角色。角色有著圓潤細長的頭部，兩個黑色小點代表眼睛，以及一個突出的尖鼻子。它的手指和腳趾沒有明顯的特徵。它脖子上圍著一條厚厚的、長長的純藍色圍巾（可選：替換為“芥末金色圍巾”），圍巾的尾端垂了下來。畫風採用粗線條的黑色馬克筆勾勒輪廓，並以平塗的方式呈現，沒有陰影，背景是純米白色。角色是[根據上下文選擇合適的詞語]

**藍色點綴（至關重要）：**

- 元素：圍巾、襯衫或服裝

- 顏色：`#5B7FFF`（亮藍色）

風格：手繪、流暢的有機形狀

- 覆蓋率：15-25% 的角色

- 目的：品牌識別、視覺吸引力、動態效果

風格一致性：

- 隨時保持手繪品質（自然、不完美的線條）

- 始終包含藍色點綴元素

- 保持所有字元的線條粗細一致

- 保持不同姿勢下的比例一致。

### 極簡主義插畫指南

**簡單至上：**

- 所有插圖都應極其簡潔。

- 字元高度不得超過 120pt（約為幻燈片高度的 10-12%）

幾何元素應小巧且僅限於角落。

- 插圖總覆蓋面積應小於投影片面積的15%

避免繪製複雜或詳細的圖紙。

**空間與呼吸空間：**

- 在投影片中保持充足的留白。

- 文字應僅佔內容區域的 50-55%（通常位於左側）

右側應盡量保持空曠，以便留出視覺呼吸空間。

- 四周留出較大的邊距：最小 100 像素，最好 100-120 像素

- 插圖僅限位於右下角，且距離邊緣至少 100 像素。

佈局平衡：

滑梯中心應保持清潔空曠。

避免雜亂堆疊或填滿所有可用空間

巧妙運用留白，營造焦點與清晰度。

少即是多：去除不必要的視覺元素

- 優先考慮易讀性和空間感，而非裝飾性設計。