ADR-0026:精密工具站视觉语言(Precision Tooling)
- 状态:已接受(2026-08-09)
- 决策者:项目维护者
背景
落地页与文档站首页已用「深色虚空 + 细网格 + IBM Plex + 品牌红点缀 + 玻璃产品窗」验证科技感;登录后工作台仍偏 Ant Design Pro 模板感。需要统一视觉语言,且不得推翻 ADR-0010(本阶段不做全局暗色)。
决策
- 采用精密工具站语言:Linear / Raycast / Figma 壳层精神对齐——精度与信息密度,不做赛博霓虹。
- 双域策略:
- 营销壳(landing / AuthBrandShell / 异常门):深色虚空 + 网格
- 工作台(Home / Group / Design chrome):浅色精密化(hairline、mono chip、紧字距、弱阴影面板)
- 本里程碑不改 ReactFlow 表节点 / 边皮肤(分享图与视觉 E2E 基线后置)。
- Token 真相源:
frontend/src/theme/tokens.ts+css-vars.less;新增--erd-void、--erd-hairline、--erd-surface-elevated、--erd-chrome-blur、--erd-steel、kicker 字号。
后果
- 正面:落地与产品壳观感一致;可分切片 revert;不阻塞建模北极星。
- 负面:浅色工作台夜间观感仍非暗色;全站暗色需另开里程碑。