# PPT 主题配色方案设计规格

> 设计师交付物 · v2.0 · 2026-02-22
> 参考来源：顶级投行 "Guide to the Markets" 系列报告

---

## Design Tokens（结构化布局参数）

所有主题通过 `_theme()` 工厂函数自动包含以下 token（由 `_LAYOUT_DEFAULTS` 兜底）：

| Token | 默认值 | 用途 |
|-------|--------|------|
| `slide_w` | 13.333" | 幻灯片宽度（16:9 默认），4:3 时自动设为 10.0" |
| `slide_h` | 7.5" | 幻灯片高度（固定） |
| `cover_title_size` | 36 pt | 封面/标题页大字号 |
| `page_title_size` | 16 pt | 内容页标题字号（投行级标准） |
| `chart_subtitle_size` | 11 pt | 图表副标题字号 |
| `footer_size` | 8 pt | 页脚来源/页码字号 |
| `header_y` | 0.25" | 页眉标题 y 坐标 |
| `divider_y` | 0.80" | 标题下分隔线 y 坐标 |
| `divider_h` | 0.015" | 分隔线高度 |
| `content_y` | 1.00" | 内容区起始 y 坐标 |
| `content_h` | 5.80" | 内容区高度 |
| `content_w` | 自动派生 | 内容区宽度 = `slide_w - 2 * margin`（16:9 下为 12.133"） |
| `footer_y` | 7.10" | 页脚 y 坐标 |
| `table_header_bg` | 跟随 primary | 表头背景色 |
| `table_zebra_even` | `F8FAFC` | 表格偶数行背景 |
| `table_zebra_odd` | `FFFFFF` | 表格奇数行背景 |
| `chart_default_scheme` | 跟随主题名 | 图表自动配色方案 |

**比例预设**：`resolve_theme(theme, aspect_ratio="4:3")` 会自动将 `slide_w` 设为 10.0"，并重新计算 `content_w`。所有布局均使用 `theme["slide_w"]` 而非硬编码值。

**重要**：图表配色现在自动关联主题。使用 `jp_finance` 主题时，图表默认使用 `jp_finance` 配色，无需手动指定 `style_config`。

---

## 设计原则

### 从顶级投行研报提炼的金融报告配色规律

1. **主色调不超过 2 种**：一个中性深色（标题/边框），一个品牌亮色（折线/强调）
2. **金色/琥珀作为第三色**：用于参考线、平均线、KPI 强调数字——几乎所有顶级金融报告都用这个技巧
3. **浅色背景要极浅**：内容页背景不是纯白，而是极浅的品牌色调（如 `#F4F6FA`，极浅蓝灰）
4. **正负色要和品牌色区分**：不能让绿色和主色相撞，不能让红色和强调色相撞
5. **图表系列色的排列逻辑**：第1色给面积最大的柱/面积图（用中性色），第2色给折线（用饱和度高的色），后续色交替深浅

---

## 主题一：jp_finance（金融/银行）

**设计意图**：顶级投行同款风格。深海军蓝 + 品牌 Teal + 金色。稳重、专业、信赖感。
**参考**：顶级投行、高盛、中金公司年报

### 颜色规格

| 变量 | 色值 | 预览说明 |
|------|------|---------|
| `primary` | `1B3D6E` | 深海军蓝——标题栏、表头、KPI数字 |
| `secondary` | `00A5BD` | 品牌 Teal——装饰线、折线图主线 |
| `accent` | `C9A84C` | 金琥珀——强调线、平均线、KPI高亮 |
| `bg_dark` | `0F2340` | 极深海军——标题页/结论页背景 |
| `bg_light` | `F4F6FA` | 极浅蓝灰——内容页背景（接近白色但有温度） |
| `card_bg` | `FFFFFF` | 纯白——卡片/面板背景 |
| `text_dark` | `1A2744` | 深蓝黑——浅底正文 |
| `text_light` | `FFFFFF` | 纯白——深底文字 |
| `text_muted` | `6B7C93` | 蓝灰——脚注、数据来源、次要说明 |
| `border` | `C8D6E5` | 浅蓝灰——卡片边框、分割线 |
| `positive` | `0B7B3E` | 森林绿——正收益、上涨 |
| `negative` | `C0392B` | 标准红——负收益、下跌 |

### 排版规格

| 变量 | 值 |
|------|-----|
| `header_font` | 微软雅黑 |
| `body_font` | 微软雅黑 |
| `title_size` | 28 pt |
| `subtitle_size` | 18 pt |
| `body_size` | 12 pt |
| `caption_size` | 9 pt |

### 图表系列配色（8色序列）

```
色1  A8D5DC  —— 浅teal，柱状图/面积图（面积最大，用浅色避免压迫感）
色2  1B3D6E  —— 深海军蓝，主折线（对比最强）
色3  C9A84C  —— 金琥珀，参考线/第二折线
色4  4A8FB8  —— 中蓝，第三系列
色5  7FBFCF  —— 中浅teal，第四系列
色6  A07840  —— 深琥珀，第五系列
色7  8FA8C0  —— 蓝灰，第六系列
色8  505868  —— 深灰，负向/中性系列
```

### 热力图配色

- **红蓝发散**（用于通胀、利率偏离）：`C0392B` → `F5CBA7` → `FFFFFF` → `AED6F1` → `1B3D6E`
- **绿红发散**（用于PMI扩张/收缩）：`0B7B3E` → `A9DFBF` → `FFFFFF` → `F5B7B1` → `C0392B`

### 章节色标签（左侧竖条）

| 章节 | 色值 |
|------|------|
| 宏观经济 | `00A5BD`（secondary） |
| 权益资产 | `C9A84C`（accent） |
| 固定收益 | `1B3D6E`（primary） |
| 另类资产 | `4A8FB8` |
| 投资原则 | `0B7B3E` |

---

## 主题二：pension_warm（养老金/保险）

**设计意图**：可信赖、安全感、长期主义。暖蓝色调搭配琥珀，避免冷峻感。
**参考**：社保基金、泰康人寿、平安年报

### 颜色规格

| 变量 | 色值 | 预览说明 |
|------|------|---------|
| `primary` | `2E5FA3` | 沉稳蓝——标题栏、表头 |
| `secondary` | `7BA7BC` | 天蓝灰——辅助色块、卡片边框 |
| `accent` | `D4903F` | 暖琥珀——KPI数字、强调线（比金融主题更暖） |
| `bg_dark` | `1C3557` | 深蓝夜——标题页背景 |
| `bg_light` | `F7F4F0` | 暖白——内容页背景（带一点米色，比冷白更温暖） |
| `card_bg` | `FDFAF7` | 暖白卡片 |
| `text_dark` | `2C3E50` | 深蓝灰——正文 |
| `text_light` | `FAFAFA` | 近白——深底文字 |
| `text_muted` | `7F8C8D` | 中灰——脚注 |
| `border` | `D5C9B8` | 暖米灰——边框（带棕色调） |
| `positive` | `27AE60` | 绿——正向 |
| `negative` | `E74C3C` | 红——负向 |

### 排版规格

| 变量 | 值 |
|------|-----|
| `header_font` | 微软雅黑 |
| `body_font` | 微软雅黑 |
| `title_size` | 28 pt |
| `subtitle_size` | 18 pt |
| `body_size` | 12 pt |
| `caption_size` | 9 pt |

### 图表系列配色（8色序列）

```
色1  A8C4D4  —— 浅天蓝，柱状图/面积图
色2  2E5FA3  —— 主蓝，主折线
色3  D4903F  —— 暖琥珀，第二折线/参考线
色4  7BA7BC  —— 天蓝灰，第三系列
色5  B0C9B0  —— 浅绿灰，第四系列
色6  9C7B48  —— 深暖棕，第五系列
色7  8A9DB8  —— 蓝灰，第六系列
色8  606870  —— 中灰，中性系列
```

---

## 主题三：tech_blue（科技/互联网）

**设计意图**：冷峻、未来感、数据驱动。深底色上配电光蓝/青，科技感不浮夸。
**参考**：腾讯、字节跳动、微软年报

### 颜色规格

| 变量 | 色值 | 预览说明 |
|------|------|---------|
| `primary` | `1565C0` | 深科技蓝——标题栏 |
| `secondary` | `29B6F6` | 亮天蓝——装饰线、折线 |
| `accent` | `00BFA5` | 青绿——KPI强调（区别于蓝，增加层次） |
| `bg_dark` | `0A1628` | 极深夜蓝——标题页 |
| `bg_light` | `F0F4FF` | 极浅冰蓝——内容页 |
| `card_bg` | `FFFFFF` | 纯白 |
| `text_dark` | `102040` | 深蓝黑——正文 |
| `text_light` | `E8F1FF` | 冰白——深底文字 |
| `text_muted` | `7A8CA8` | 蓝灰——脚注 |
| `border` | `C0D0E8` | 浅冰蓝——边框 |
| `positive` | `00C896` | 青绿——正向（与 accent 同系） |
| `negative` | `FF4B5C` | 亮红——负向 |

### 排版规格

| 变量 | 值 |
|------|-----|
| `header_font` | 微软雅黑 |
| `body_font` | 微软雅黑 |
| `title_size` | 28 pt |
| `subtitle_size` | 18 pt |
| `body_size` | 12 pt |
| `caption_size` | 9 pt |

### 图表系列配色（8色序列）

```
色1  90CAF9  —— 浅冰蓝，柱状图/面积图
色2  1565C0  —— 深科技蓝，主折线
色3  00BFA5  —— 青绿，第二折线
色4  7E57C2  —— 紫蓝，第三系列
色5  29B6F6  —— 亮天蓝，第四系列
色6  FF7043  —— 橙，第五系列（暖冷对比）
色7  90A4AE  —— 蓝灰，第六系列
色8  546E7A  —— 深蓝灰，中性系列
```

---

## 主题四：state_red（政府/国企）

**设计意图**：庄重大气，中国红+金。权威感，绝不轻浮。
**参考**：中央汇金、国投集团、招商局、国家电网年报

### 颜色规格

| 变量 | 色值 | 预览说明 |
|------|------|---------|
| `primary` | `8B0000` | 中国深红——标题栏（比 C00000 更沉稳） |
| `secondary` | `B8860B` | 深金——装饰线、辅助色块 |
| `accent` | `DAA520` | 亮金——KPI数字、强调线 |
| `bg_dark` | `5C0000` | 极深红——标题页背景 |
| `bg_light` | `FDF8F0` | 暖象牙白——内容页背景（金色调） |
| `card_bg` | `FFFFFF` | 纯白 |
| `text_dark` | `2C1810` | 深暖棕黑——正文 |
| `text_light` | `FFF8E7` | 暖白——深底文字 |
| `text_muted` | `8C7B6B` | 暖棕灰——脚注 |
| `border` | `E0CFAA` | 浅金——边框 |
| `positive` | `2E6B30` | 深绿——正向 |
| `negative` | `8B0000` | 深红（与primary同色，符合国企审美） |

### 排版规格

| 变量 | 值 |
|------|-----|
| `header_font` | 微软雅黑 |
| `body_font` | 微软雅黑 |
| `title_size` | 28 pt |
| `subtitle_size` | 18 pt |
| `body_size` | 12 pt |
| `caption_size` | 9 pt |

### 图表系列配色（8色序列）

```
色1  CDAC60  —— 暖金，柱状图/面积图（国企标配）
色2  8B0000  —— 深红，主折线
色3  B8860B  —— 深金，第二折线/参考线
色4  4A6FA5  —— 蓝灰（对比色），第三系列
色5  C07840  —— 暖橙棕，第四系列
色6  507050  —— 深绿，第五系列
色7  907878  —— 暖灰，第六系列
色8  585048  —— 深暖灰，中性系列
```

---

## 主题五：esg_green（ESG/绿色）

**设计意图**：可持续发展，自然生命力。深绿 + 白 + 浅绿，干净不沉闷。
**参考**：ESG基金报告、绿色债券报告、UNPRI年报

### 颜色规格

| 变量 | 色值 | 预览说明 |
|------|------|---------|
| `primary` | `1A5C2A` | 深森林绿——标题栏 |
| `secondary` | `4CAF50` | 中绿——装饰线 |
| `accent` | `8BC34A` | 黄绿——强调色（比绿更活力） |
| `bg_dark` | `0D3318` | 极深绿夜——标题页 |
| `bg_light` | `F1F8F2` | 极浅绿白——内容页 |
| `card_bg` | `FFFFFF` | 纯白 |
| `text_dark` | `1B2B1C` | 深绿黑——正文 |
| `text_light` | `E8F5E9` | 浅绿白——深底文字 |
| `text_muted` | `5C7A5E` | 中绿灰——脚注 |
| `border` | `B8D8BA` | 浅绿——边框 |
| `positive` | `2E7D32` | 绿——正向（与主色同系） |
| `negative` | `C62828` | 红——负向（与品牌色对比强） |

### 排版规格

| 变量 | 值 |
|------|-----|
| `header_font` | 微软雅黑 |
| `body_font` | 微软雅黑 |
| `title_size` | 28 pt |
| `subtitle_size` | 18 pt |
| `body_size` | 12 pt |
| `caption_size` | 9 pt |

### 图表系列配色（8色序列）

```
色1  A5D6A7  —— 浅绿，柱状图/面积图
色2  1A5C2A  —— 深森林绿，主折线
色3  8BC34A  —— 黄绿，第二折线
色4  00838F  —— 深青，第三系列（绿系对比色）
色5  C8E6C9  —— 极浅绿，第四系列（叠加面积用）
色6  795548  —— 棕（大地色，与绿呼应），第五系列
色7  78909C  —— 蓝灰，第六系列
色8  607D8B  —— 深蓝灰，中性系列
```

---

## 主题六：morningstar（研究/晨星风格）

**设计意图**：受 Morningstar 市场报告启发。深石板灰 + 中蓝 + 暖橙。信息密度高、学术感强、适合研究报告。
**参考**：Morningstar 市场报告、学术期刊、卖方研报

### 颜色规格

| 变量 | 色值 | 预览说明 |
|------|------|---------|
| `primary` | `1D2B3A` | 深石板灰——标题栏、表头 |
| `secondary` | `5A9BD5` | 中蓝——装饰线、折线 |
| `accent` | `E67E22` | 暖橙——KPI强调、参考线 |
| `bg_dark` | `1A1A2E` | 深紫灰夜——标题页背景 |
| `bg_light` | `FAFBFC` | 极浅灰白——内容页背景 |
| `card_bg` | `FFFFFF` | 纯白 |
| `text_dark` | `2C3E50` | 深蓝灰——正文 |
| `text_light` | `F8F9FA` | 近白——深底文字 |
| `text_muted` | `7B8794` | 中灰蓝——脚注 |
| `border` | `DEE2E6` | 浅灰——边框 |
| `positive` | `28A745` | 绿——正向 |
| `negative` | `DC3545` | 红——负向 |

### 排版规格

| 变量 | 值 |
|------|-----|
| `header_font` | 微软雅黑 |
| `body_font` | 微软雅黑 |
| `title_size` | 28 pt |
| `subtitle_size` | 18 pt |
| `body_size` | 11 pt（比标准小1pt，提高信息密度） |
| `caption_size` | 9 pt |
| `kpi_size` | 36 pt（比标准小，低调克制） |

### 图表系列配色（8色序列）

```
色1  A4C2D8  —— 浅石板蓝，柱状图/面积图
色2  1D2B3A  —— 深石板灰，主折线
色3  E67E22  —— 暖橙，第二折线/参考线
色4  5A9BD5  —— 中蓝，第三系列
色5  95C8D8  —— 浅青蓝，第四系列
色6  B87333  —— 深铜棕，第五系列
色7  7B8794  —— 中灰蓝，第六系列
色8  495057  —— 深灰，中性系列
```

---

## 主题七：macro_research（宏观研究）

**设计意图**：学院派宏观研究风格。深藏蓝灰 + 净蓝 + 中性灰。极其低调，让数据本身说话。
**参考**：央行工作论文、IMF报告、学术研究机构出版物

### 颜色规格

| 变量 | 色值 | 预览说明 |
|------|------|---------|
| `primary` | `2C3E50` | 深藏蓝灰——标题栏、表头 |
| `secondary` | `3498DB` | 净蓝——装饰线、折线 |
| `accent` | `95A5A6` | 中性灰——KPI强调（极其低调） |
| `bg_dark` | `1A252F` | 深蓝夜——标题页背景 |
| `bg_light` | `F7F9FB` | 极浅蓝白——内容页背景 |
| `card_bg` | `FFFFFF` | 纯白 |
| `text_dark` | `2C3E50` | 深蓝灰——正文 |
| `text_light` | `ECF0F1` | 浅灰白——深底文字 |
| `text_muted` | `95A5A6` | 中性灰——脚注 |
| `border` | `D5D8DC` | 浅灰——边框 |
| `positive` | `27AE60` | 绿——正向 |
| `negative` | `E74C3C` | 红——负向 |

### 排版规格

| 变量 | 值 |
|------|-----|
| `header_font` | 微软雅黑 |
| `body_font` | 微软雅黑 |
| `title_size` | 28 pt |
| `subtitle_size` | 18 pt |
| `body_size` | 11 pt（高密度） |
| `caption_size` | 9 pt |
| `kpi_size` | 36 pt（低调） |

### 图表系列配色（8色序列）

```
色1  AED6F1  —— 浅蓝，柱状图/面积图
色2  2C3E50  —— 深藏蓝灰，主折线
色3  3498DB  —— 净蓝，第二折线/参考线
色4  95A5A6  —— 中性灰，第三系列
色5  85C1E9  —— 中浅蓝，第四系列
色6  1ABC9C  —— 青绿，第五系列（微妙对比色）
色7  BDC3C7  —— 浅灰，第六系列
色8  566573  —— 深灰蓝，中性系列
```

---

## 主题八：dark_pro（高对比深色）

**设计意图**：投屏演示专用。纯深底 + 电光蓝 + 亮黄，极高对比度，在暗室大屏上最清晰。
**参考**：Bloomberg Terminal 风格、大型路演演示

### 颜色规格

| 变量 | 色值 | 预览说明 |
|------|------|---------|
| `primary` | `00BFFF` | 电光蓝——标题栏、主要高亮 |
| `secondary` | `7B68EE` | 中紫蓝——辅助装饰 |
| `accent` | `FFD700` | 纯金黄——KPI数字、强调线（深底上最醒目） |
| `bg_dark` | `080808` | 近纯黑——所有页背景 |
| `bg_light` | `141820` | 深蓝黑——内容页背景（比 bg_dark 略浅一层） |
| `card_bg` | `1E2430` | 深蓝灰——卡片背景（在黑底上浮出层次） |
| `text_dark` | `E0E8F0` | 冷白——浅底正文（注意：此主题浅底也是深色） |
| `text_light` | `FFFFFF` | 纯白——主要文字 |
| `text_muted` | `6880A0` | 蓝灰——次要文字 |
| `border` | `2A3848` | 深蓝边框——卡片边框 |
| `positive` | `00E676` | 电光绿——正向 |
| `negative` | `FF1744` | 电光红——负向 |

### 排版规格

| 变量 | 值 |
|------|-----|
| `header_font` | 微软雅黑 |
| `body_font` | 微软雅黑 |
| `title_size` | 30 pt（深色背景字号稍大） |
| `subtitle_size` | 20 pt |
| `body_size` | 13 pt |
| `caption_size` | 10 pt |

### 图表系列配色（8色序列）

```
色1  00BFFF  —— 电光蓝，主系列（深底上最醒目）
色2  FFD700  —— 金黄，第二折线/参考线
色3  00E676  —— 电光绿，第三系列
色4  7B68EE  —— 中紫蓝，第四系列
色5  FF6D00  —— 亮橙，第五系列
色6  E040FB  —— 紫，第六系列
色7  A0B0C0  —— 浅蓝灰，中性系列
色8  4A5868  —— 深蓝灰，最低权重系列
```

---

## 热力图通用配色规范

所有主题共用以下热力图语义：

### 发散型（偏离基准）
| 描述 | 低端色（负向偏离） | 中间色（基准） | 高端色（正向偏离） |
|------|------------------|--------------|------------------|
| 深色版 | `1B3D6E` | `F5F5F5` | `8B0000` |
| 浅色版 | `AED6F1` | `FFFFFF` | `F5B7B1` |

### 方向型（扩张/收缩）
| 描述 | 收缩端 | 中性 | 扩张端 |
|------|--------|------|--------|
| PMI/增长 | `C0392B` | `F9F3E3` | `1A5C2A` |

---

## 颜色使用优先级规则（适用所有主题）

1. **双轴图表**：左轴系列用 `色1`（柱/面积），右轴系列用 `色2`（折线）
2. **单轴多系列**：按 `色1→色3→色5→色7`（奇数色偏浅）或 `色2→色4→色6→色8`（偶数色偏深）交替
3. **参考线/均值线**：固定用 `accent` 色 + 虚线样式
4. **预测区域**：主系列改为虚线，颜色不变，透明度降低（视觉上用深色 dash 表示不确定性）
5. **零线**：固定用 `text_dark` 色，加粗（1.5pt）
6. **正/负方向着色**：柱状图正值 `positive`，负值 `negative`（适用于瀑布图、差值图）
