3.2 KiB
3.2 KiB
Theme Profile · fuller(蓝图 / 工程制图)
这是给 AI 写作时读 的 authoring profile,不是 CSS。CSS token 由组件库 运行时主题持有(
data-theme="fuller")。本文件是"如何选择和使用这个主题"。 详尽版本见组件库 canonical md:src/theme/themes/fuller/fuller.md(写代码 / 公式 / 媒体 / Raw 前请读它)。
- runtime theme id:
fuller(<ThemeProvider theme="fuller">) - 气质:工程制图 / 蓝图。深蓝图底 + 青白墨 + 一束制图青,外加淡方格网。识别度来自
绘图板:方格纸上的标题块 Hero、等宽尺寸标注、虚线标注分节、青色发丝线。是
shannon(暖琥珀终端)的冷色对位——同为暗底,气质是制图桌而非命令行。
适合 / 不适合的文章类型
- 适合:技术规格、系统 / 架构设计、协议 / 接口文档、RFC、硬件 / 机械说明;需要精密、 冷静、工程质感的暗底长文,配示意 / 标注 / 拓扑图。
- 不适合:需打印的文档(暗底费墨)、温暖叙事(
press/freddie)、柔软治愈(andy)、 彩色活泼(bayer/sottsass)、学术论文(knuth)、黑白大刊(bodoni)、幻灯片。
排版气质
- 正文 / 标题用 IBM Plex Sans,标签 / 尺寸 / 章节号 / 元数据用 IBM Plex Mono(等宽承载标注)。
- 正文 ~17px,行距 1.62;display 字重 600(工程克制);强调不用斜体(协议级禁用)。
- 青是唯一结构色,风险用暖橙以便在满屏青中辨识;暗底,所有 soft 是深色面板。
Raw 风格
像图纸上亲手画的标注示意。
- 约束的是气质(青发丝线、等宽标注、方格网、暗面板、无发光),不是媒介。
- 典型:线框 / 拓扑 / 时序图、带尺寸线的标注、方格纸坐标、等宽数据表、结构剖面。
- 构图:青色发丝线 + 等宽标注 + 可叠方格;无圆角、无发光。
- 动效:克制位移 / 描边动画;无霓虹循环。
媒体(图片 / 视频 / 音频)风格
- 适合:线框 / 结构 / 拓扑图、尺寸标注图、蓝晒图、CAD / 示意截图、暗底数据可视化。
- 构图以线为主、青色描边、可叠网格;caption 等宽冷静;必配 alt。
- 色彩蓝青为主,风险用暖橙点睛;低饱和。
代码 / 公式风格
CodeBlock是暗底第一公民但仍是工程文档:暗面板 + 暗青发丝线 + 退后 mono 行号,无圆角、无发光。- Prism token 从青 accent / 风险橙 / 薄荷绿派生;克制不彩虹。
Formula像规格里的公式:等宽标注、对齐、克制。
禁止项
- 把暗底当"赛博朋克霓虹"——本主题是冷静蓝图,无发光、无故障风。
- 圆角 / 阴影 / 亮底卡片 / 暖色生活化插画;风险用青色(风险固定暖橙)。用斜体强调(协议级禁用)。
不同信息密度下的表现建议(建议,非限制)
100% spec / 系统设计:标题块 Hero + 虚线分节 + 规格表 + 拓扑示意,文字与图并重。60-80% 文档:保留关键标注图,等宽元数据点睛。40% briefing:Raw 偏线框 / 时序图,文字更短,仍是蓝图形态。