58 lines
3.1 KiB
Markdown
58 lines
3.1 KiB
Markdown
# Theme Profile · bayer（包豪斯 / 三原色几何）
|
||
|
||
> 这是给 **AI 写作时读** 的 authoring profile，不是 CSS。CSS token 由组件库
|
||
> 运行时主题持有（`data-theme="bayer"`）。本文件是"如何选择和使用这个主题"。
|
||
> 详尽版本见组件库 canonical md：`src/theme/themes/bayer/bayer.md`（写代码 /
|
||
> 公式 / 媒体 / Raw 前请读它）。
|
||
|
||
- **runtime theme id**：`bayer`（`<ThemeProvider theme="bayer">`）
|
||
- **气质**：包豪斯 / 构成主义。暖纸、近黑墨，三原色（红 / 蓝 / 黄）当**结构色**而非装饰。
|
||
识别度来自几何：蓝色实心圆里的章节数字、红黄蓝三色刊头条、小写无衬线导语、硬边方块。
|
||
几何无衬线（Josefin / Poppins）。响亮但有纪律。
|
||
|
||
## 适合 / 不适合的文章类型
|
||
|
||
- **适合**：教学 / 科普解释、产品介绍、宣言、品牌叙事；"专业但有性格、彩色但不浮夸"，
|
||
适合配几何信息图 / 流程图 / 构成式插画。
|
||
- **不适合**：学术论文（`knuth`）、黑白大刊（`bodoni`）、暗底工程（`shannon` / `fuller`）、
|
||
柔软治愈（`andy`）、极致中性规格（`vignelli`）、幻灯片。
|
||
|
||
## 排版气质
|
||
|
||
- 标题 / 标签用 Josefin Sans（几何），正文用 Poppins（几何人文）。
|
||
- 正文 ~17px，行距 1.65；display 字重 700；强调不用斜体（协议级禁用）。
|
||
- **蓝是结构、红是风险、黄是填充**：链接 / 章节圆用蓝，警示用红，黄只作色块（绝不作文字色）。
|
||
- 导语 / kicker 走小写（Bauhaus 单一字母表；仅作用于拉丁字母）。
|
||
|
||
## Raw 风格
|
||
|
||
像一页构成主义信息图。
|
||
|
||
- 约束的是**气质**（红蓝黄三色、强网格、硬边、圆形点睛），不是**媒介**。
|
||
- 典型：几何流程图、圆 / 方 / 三角构成、原色柱状 / 比例图、网格示意、带蓝圆编号的步骤。
|
||
- 构图：强网格、硬边、三色 + 黑白；无圆角矩形卡。
|
||
- 动效：干脆位移 / 显隐，无回弹、无循环装饰。
|
||
|
||
## 媒体（图片 / 视频 / 音频）风格
|
||
|
||
- 适合：几何构成插画、原色海报、强对比黑白 / 原色摄影、网格 / 圆方三角示意。
|
||
- 构图强网格、果断留白、原色块面；caption 简洁；必配 alt。
|
||
- 色彩红 / 蓝 / 黄 + 黑白；不引入紫粉冷渐变。
|
||
|
||
## 代码 / 公式风格
|
||
|
||
- `CodeBlock` 像构成主义文档的代码块：暖浅 surface + 发丝线，无圆角、无暗窗。
|
||
- Prism token：标签 / 函数走蓝 accent，关键字走红 risk，字符串走绿；**黄不作语法色**。
|
||
- `Formula` 居中克制，可有极淡 surface。
|
||
|
||
## 禁止项
|
||
|
||
- 把包豪斯黄当文字 / 链接 / 语法色（对比不足）。
|
||
- 圆角矩形卡 + 投影堆叠；紫粉渐变、霓虹、Tailwind 默认味、emoji 当装饰。用斜体强调（协议级禁用）。
|
||
|
||
## 不同信息密度下的表现建议（建议，非限制）
|
||
|
||
- `100% explainer / 教学`：长文 + 蓝圆编号 + 几何信息图 + 黄底原则块，正文为主体。
|
||
- `60-80% 内容`：保留关键步骤 + 构成示意，三色条点睛。
|
||
- `40% briefing`：Raw 偏几何图解 / 比例图，文字更短，仍是构成形态。
|