58 lines
3.2 KiB
Markdown
58 lines
3.2 KiB
Markdown
# Theme Profile · bodoni（报刊 / Didone 高反差）
|
||
|
||
> 这是给 **AI 写作时读** 的 authoring profile，不是 CSS。CSS token 由组件库
|
||
> 运行时主题持有（`data-theme="bodoni"`）。本文件是"如何选择和使用这个主题"。
|
||
> 详尽版本见组件库 canonical md：`src/theme/themes/bodoni/bodoni.md`（写代码 /
|
||
> 公式 / 媒体 / Raw 前请读它）。
|
||
|
||
- **runtime theme id**：`bodoni`（`<ThemeProvider theme="bodoni">`）
|
||
- **气质**：印刷殿堂派（Didone broadsheet / 时装刊头）。纯白纸、真黑墨、发丝栏线，
|
||
极端粗细对比的 Playfair Display 刊头大字压在从容老式衬线正文上。识别度来自印刷惯例
|
||
——刊头粗细双线、首字下沉、小型大写导语、栏线分节——颜色几乎只留给风险。
|
||
|
||
## 适合 / 不适合的文章类型
|
||
|
||
- **适合**：宣言、深度特稿、有分量的随笔与长评、文化 / 时政 / 时装报道；需要权威、
|
||
戏剧、仪式感的开篇与封面式长文。
|
||
- **不适合**：暖调亲和（`press` / `freddie`）、柔软治愈（`andy`）、冷调规格（`vignelli`）、
|
||
暗底工程（`shannon` / `fuller`）、学术论文（`knuth`）、彩色活泼（`bayer` / `sottsass`）、幻灯片。
|
||
|
||
## 排版气质
|
||
|
||
- 标题 / 刊头用 Playfair Display（Didone 高反差），正文用 Source Serif 4 / Newsreader（可读老式衬线）。
|
||
- 正文 ~17px，行距 1.62；display 字重 900、字号巨大，与发丝正文形成大报落差。
|
||
- 导语 / 表头 / TOC 标题 / 结语标签统一走**小型大写 + 字距**；强调不用斜体（协议级禁用）。
|
||
- **层级靠字号 / 字重 / 发丝线，不靠颜色**；整篇近黑白，红只在真正风险处出现。
|
||
|
||
## Raw 风格
|
||
|
||
像大报版面里亲手排的图版或抽言。
|
||
|
||
- 约束的是**气质**（黑白、发丝线、Didone 大字、印刷克制），不是**媒介**。
|
||
- 典型：黑白数据 / 折线图、版式抽言、时间线、对照栏、刊头式标题块、首字下沉开篇。
|
||
- 构图：发丝线 + 黑白 + 大字标题；填色极少，红点睛；无圆角、无阴影。
|
||
- 动效：克制、近静态；避免循环装饰与回弹。
|
||
|
||
## 媒体（图片 / 视频 / 音频）风格
|
||
|
||
- 适合：黑白 / 低饱和摄影、高质感人像 / 静物、纪实照片、单色信息图、版画质感。
|
||
- 构图果断留白、可满版 / 裁切；caption 小型大写或衬线小字；必配 alt。
|
||
- 色彩以黑白灰为主，慎用一抹编辑红点睛。
|
||
|
||
## 代码 / 公式风格
|
||
|
||
- `CodeBlock` 像书页里克制的代码清单：暖浅 surface + 发丝线，无圆角、无暗窗。
|
||
- Prism token：墨色 / 暖编辑红 / 低饱和绿；不彩虹。
|
||
- `Formula` 居中克制、衬线数字。
|
||
|
||
## 禁止项
|
||
|
||
- 引入除编辑红以外的颜色作装饰；圆角 / 阴影 / 卡片化 / 渐变 / 霓虹。
|
||
- 把 Didone 当正文长段（正文用老式衬线）。用斜体强调（协议级禁用）。
|
||
|
||
## 不同信息密度下的表现建议（建议，非限制）
|
||
|
||
- `100% longform / 特稿`：首字下沉开篇 + 栏线分节 + 居中铅字抽言，正文为主体。
|
||
- `60-80% 评论`：保留关键抽言与小型大写导语，黑白图版点睛。
|
||
- `40% briefing`：Raw 偏黑白数据图 / 时间线，文字更短，仍是大报形态。
|