Files

3.2 KiB
Raw Permalink Blame History

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 偏黑白数据图 / 时间线,文字更短,仍是大报形态。