3.1 KiB
3.1 KiB
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 偏几何图解 / 比例图，文字更短，仍是构成形态。