---
name: report-storytelling
description: "报告叙事 (Report Storytelling Narrative) style skill for AI website building."
---

# 报告叙事 (Report Storytelling Narrative)

## 适用场景 / Use When

年度报告 / 研究专题 / 政策指南 / 影响力报告

## 适合做 / Best For

- 年度报告
- 研究专题
- 影响力报告

## 不适合做 / Not For

- 模板市场
- 轻量个人站
- 沉浸发布页

## 长这样 / Visual Traits

- 结论先行
- 图表与章节并进
- 滚动叙事
- 证据模块化

## 配色系统 / Color System

- 中性底色优先
- 颜色用于章节和数据强调
- 不要用情绪色覆盖证据本身

## 排版系统 / Typography

- 标题像章节而不是广告口号
- 正文、注释和图表说明必须同时清楚
- 数据标签要单独设计层级

## 版式规则 / Layout Rules

- 先结论再证据
- 章节滚动要有叙事推进
- 图表、引文和案例要作为证据块穿插出现

## 图片处理 / Image Treatment

- 图表和截图都要承担说明责任
- 少用无关氛围图
- 每张图都要服务论点或转场

## 动效节奏 / Motion

- 动效可以帮助章节进入
- 但不能抢走阅读注意力
- 滚动节奏比 hover 更重要

## 推荐结构 / Recommended Structures

- 专题长文型 / Dossier / Feature
- 档案堆栈型 / Archive Stack

## 历史来源 / Historical Roots

- 新字体排印 / New Typography
- 瑞士风格 / Swiss Style
- 包豪斯 / Bauhaus

## 参考网站 / Reference Sites

- People + AI Guidebook: https://pair.withgoogle.com/guidebook-v2/
- Our World in Data: https://ourworldindata.org/
- Carbon for AI: https://carbondesignsystem.com/guidelines/carbon-for-ai/

## 注意避坑 / Avoid

- 做成普通知识库首页
- 只有数据堆叠没有叙事
- 把报告页做成产品落地页

## Prompt DNA

```text
请参考报告叙事（Report Storytelling Narrative）风格建站：
视觉特征：结论先行 / 图表与章节并进 / 滚动叙事 / 证据模块化
适合场景：年度报告 / 研究专题 / 影响力报告
不适合：模板市场 / 轻量个人站 / 沉浸发布页
推荐页面组织：专题长文型 / Dossier / Feature / 档案堆栈型 / Archive Stack
历史来源：新字体排印 / New Typography / 瑞士风格 / Swiss Style / 包豪斯 / Bauhaus
参考网站：People + AI Guidebook: https://pair.withgoogle.com/guidebook-v2/ / Our World in Data: https://ourworldindata.org/ / Carbon for AI: https://carbondesignsystem.com/guidelines/carbon-for-ai/
配色系统：中性底色优先 / 颜色用于章节和数据强调 / 不要用情绪色覆盖证据本身
排版系统：标题像章节而不是广告口号 / 正文、注释和图表说明必须同时清楚 / 数据标签要单独设计层级
版式规则：先结论再证据 / 章节滚动要有叙事推进 / 图表、引文和案例要作为证据块穿插出现
图片处理：图表和截图都要承担说明责任 / 少用无关氛围图 / 每张图都要服务论点或转场
风格要求：Use a report storytelling family: lead with the conclusion, pace the page in chapters, integrate charts or screenshots as evidence, and keep the reading flow strong enough for a long-form report rather than a reference index.
```