## 调色板

### 原色

**背景**

- 颜色：`#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 像素。

布局平衡：

滑梯中心应保持清洁空旷。

避免杂乱堆放或填满所有可用空间

巧妙运用留白，营造焦点和清晰度。

少即是多：去除不必要的视觉元素

- 优先考虑易读性和空间感，而非装饰性设计。