skills/ppt-station-skill/reference/design-themes.md
wangyitong a65adcc2e5 Initial commit: merged, deduplicated, and vetted skill collection
Sources: extracted from two upstream archives (skill-repo, skills-main),
merged with the following policy:

- 15 broken symlinks (pointing to /Users/jameslee/.cc-switch/skills or
  ../../.agents/skills on a foreign machine) discarded
- 3 real name collisions with identical content (ai-pair, ifind-http-api,
  zhipu-websearch) kept as one copy
- Functional overlaps deduped keeping the strongest variant:
  - docx family: kept docx (official, full toolchain) + docx-cn
    (GB/T 9704 Chinese official-document constants),
    dropped docx_writer (no scripts, name collided with docx)
  - humanizer family: kept humanizer-zh (6 zh reference docs),
    dropped humanizer (en, redundant for CN workflow)
- Skills that only ran in a foreign environment removed:
  ablemind-ops, app-publish, hlb-design-system, openclaw-adj-skill,
  claude-driver
- alphapai excluded from this public repo because its SKILL.md hard-coded
  live credentials

Result: 25 skills, 572 files, ~7.5 MB.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-13 14:47:12 +08:00

476 lines
17 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 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_greenESG/绿色)
**设计意图**:可持续发展,自然生命力。深绿 + 白 + 浅绿,干净不沉闷。
**参考**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`(适用于瀑布图、差值图)