用途:这是一份“仪表盘”审美规范,用于指导单一操作者全天阅读的深色界面设计,让界面像仪器而非宣传册,便于操作者决定机器下一步可以做什么。规则均可核查,取值来自源码 packages/board/public/index.html 与 great_cto-site/styles.css。
主要能力(12 条规则):
- 五级表面阶梯,每级相差约 5%:--bg-page #0a0e0c、--bg-card #11161a、--bg-muted #161c1f、--bg-elevated #1a2025、--bg-strong #1e272c。抬升靠上一级色阶,不用阴影。
- 仅一个强调色 --accent #00d97e,主要不作为填充,只用于 1px 边框、活动导航 3px 竖条与 6% 辉光,仅在徽标计数与色块上填充。
- 系统中唯一带颜色的阴影:卡片悬停 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,217,126,.06)。
- 两种字体按“含义”而非口味分工:Geist 用于标题、导航、控件、正文;Geist Mono 用于一切会被选中复制的机器事实,如 id、agent slug、路径、金额、版本、时间戳、判定标记、命令。实测 115 次 mono 对 9 次 display。
- 数字始终使用表格数字:font-variant-numeric: tabular-nums,letter-spacing: -0.02em。
- 破折号不等于零:未测量显示为 —,用较轻字重与 --text3;测量到的零显示为 0 并用数字样式,二者必须可见地不同。
- 仅 12 个字号令牌,不用原始字号:11·12·13·14·15·16·19·22,数字 24·30·36·52,以 --fs-* 命名。
- 字距仅在两端变动:≥22px 用 -0.02em;11px 大写用 +0.10em;其余不加字距。
- Geist Mono 不超过字重 500(内置 400/500);Geist 用 400–700,500 为常用,600 为强调,700 仅用于徽标计数。
- 桌面密度是有意为之且不可移植:控件 30–32px、chip 20px,故意低于 44px 触控下限,因为这是供单一操作者使用的指针界面。移动端或客户界面不得沿用这些数值,只继承第 1–9 条并自定尺寸。
- 每种含义一个色相,颜色绝不单独承载含义,状态色必须配符号或文字,如 ▲/▼/— 搭配绿/红/灰。
- 拉丁子集自托管 52 KB,两个可变字体,font-display: swap,不用 CDN;西里尔文等非拉丁字符在行内回退到系统字体,这是为字节数做的取舍。
使用方式与说明:组件画廊已在已发布的 board 规范中渲染,含基础、组件、外壳、屏幕、字体排印与未决问题;工作源在 .design-spec/。新增组件前先读画廊。规则 0 说明该审美并非独有身份,而是深色技术产品常见的类别默认,差异应由 committed-aesthetic 决定。不移植项:30–32px 控件高度不要用于触屏;站点 clamp() 流体字号不要用于 board;深色阶梯不要用于客户产品;--max: 1100px 不要用于 board 页面,仅 Docs 阅读器限宽 72ch。已知偏差:间距与圆角未令牌化(各有 11 个原始值),站点有 46 个不同字号,浅色主题有三个值低于 AA 对比下限。相关技能:skills/committed-aesthetic/SKILL.md 处理形式,skills/ui-ux-pro-max/SKILL.md 提供不适用时的目录参考。