评审框架 — 受控对比
这是 PHITE 中性系统 V1 的最终 Owner 研究。四份测试面(项目工作台 / 密集登记表 / 文档面 / 深色项目控制)在 A / B / C 三套中性下用完全相同的布局、字体、间距、组件几何与内容渲染;唯一变量是中性系统。品牌色、Logo、Typography V1、青色语义、脊线/进度/记录语法均锁定不变。
锁定不变 IDENTICAL
- PHITE 规范 Logo(同一 SVG 母版)
- 四品牌色:#00146E / #090D24 / #383E42 / #00A6D6
- Typography V1(Archivo + Source Han Sans SC + JetBrains Mono)
- 页面结构 · 导航 · 内容 · 间距 · 半径 · 组件几何
- Delivery Spine · Progress · Name/Time/Status · 对象解剖
- 签名青语义:Current / Active / Live / Selected(功能色也一致)
唯一变量 VARIABLE
- 浅色:Canvas / Surface / Surface-2 / Hover / Text / Strong / Text-2 / Text-3 / Rule / Border
- 深色:同一角色集,PHITE Night 为基础
- 评审方式:点击任意面板进入全尺寸聚焦;用「品牌偏差诊断」开关暂时忽略 Logo 与青色,检验中性层级本身是否成立
当前 Open Design
CONTROL · 对照基准直接使用现有生产页面的中性系统(oklch 冷调纸面),不做任何改进。回答:当前系统是否已经比候选更强。
TRAE Quiet Engineering
安静 · 低疲劳 · 工程向以 TRAE 参考值为灵感(White/Surface/Border Subtle/Rule/Border/Muted/Secondary/Text/Ink)。保留安静、干净、克制与出色的浅色工作区可读性;Muted 因 AA 要求做最小适配。
Refined PHITE Engineering Paper
工程纸面 × 精密墨 · 原生 PHITE从第一性原理设计的刻意挑战:冷调工程纸面画布 + 纯白抬升表面 + 以 Anthracite 为「精密墨」的文字与线族。检验 PHITE 是否应有比「通用 SaaS 中性」更本族的浅色系统。
候选 Token(角色集,非色阶编号)
oklch 为主 · 附十六进制近似| Canvas | oklch(.982 .004 250)≈ #F7F9FC |
| Surface | oklch(.996 .001 250)≈ #FDFEFE |
| Surface-2 | oklch(.960 .005 250)≈ #EFF2F5 |
| Hover | oklch(.938 .008 250)≈ #E6E9ED |
| Text | #383E42Anthracite |
| Text-strong | #090D24Night |
| Text-2 | oklch(.45 .016 250)≈ #4F565E |
| Text-3 | oklch(.50 .014 250)≈ #5D646B |
| Rule | oklch(.89 .008 250)≈ #D7DBE0 |
| Border | oklch(.74 .013 250)≈ #A5ACB3 |
| Canvas | #090D24Night |
| Surface / 2 | oklch(.205/.245 .03/.035 265)≈ #101725 / #182031 |
| Text / 2 / 3 | .945/.68/.60≈ #EAEDF1 / #9199A2 / #7A818B |
| Rule / Border | .32/.43 265≈ #2A3345 / #445069 |
| Canvas | #FFFFFFWhite |
| Surface | #F7F9FBSurface |
| Surface-2 | #F0F4F7次级平面 |
| Hover | #EDF2F5静默悬停 |
| Text | #1F2429Text |
| Text-strong | #090D24Ink |
| Text-2 | #5A6570Secondary |
| Text-3 | #6B7681参考 #8A95A0 拒用 |
| Rule | #DEE3E8Rule |
| Border | #C9D0D7Border |
| Canvas | #090D24Night |
| Surface / 2 | #0E1430 / #131A3A抬升 |
| Text / 2 / 3 | #E9EDF5 / #AEB8CC / #7C87A0 |
| Rule / Border | #1C2544 / #293358 |
| Canvas | oklch(.970 .007 230)工程纸面 ≈ #F1F6F9 |
| Surface | #FFFFFF纯白抬升 |
| Surface-2 | oklch(.958 .007 230)≈ #EDF2F5 |
| Hover | oklch(.940 .010 230)≈ #E2EBF0 |
| Text | #383E42Anthracite 精密墨 |
| Text-strong | #090D24Night 权威 |
| Text-2 | #4E5A66墨系次级 |
| Text-3 | #5F6C79墨系弱化 |
| Rule | oklch(.885 .012 230)墨系发丝 ≈ #D2DBE0 |
| Border | oklch(.78 .016 230)≈ #AEBAC0 |
| Canvas | #090D24Night |
| Surface / 2 | oklch(.215/.255 .035/.04 260)≈ #101A2A / #172336 |
| Text / 2 / 3 | .945/.70/.62≈ #EAEDF1 / #979FA8 / #747D88 |
| Rule / Border | .34/.45 262≈ #2D384C / #475670 |
Elevated Surface:三候选均以 Surface 承担抬升(配 1px 规则 + 阴影),不引入额外色阶——中性角色集刻意保持在 10 个以内,可被人类与 AI 代理解释。
TEST 01 · Project Workspace 项目工作台(Light)
评估:导航面板 · 脊线 · 进度条 · 记录 · 里程碑三列并排为等比缩略(同设计宽 1180px,同内容,仅中性不同)。点击任一面板进入全尺寸聚焦对比;聚焦内可切换 A/B/C。
TEST 02 · Dense Engineering Register 密集登记表(Light)
评估:表头规则 · 行分隔 · 选中行 · 元数据可读性 · 长时使用同一 9 列表、同一 7 行、同一选中行(青左条)与逾期行。行高、字号、内边距三候选完全一致。
TEST 03 · Document Surface 文档面(Light)
评估:纸面感 · 目录 · 长文 · 技术表 · 注释文档面为全宽壳 + 受限阅读画布(Rule 1)。此处仅渲染「目录 + 阅读区」片段;字号、行长、层级三候选一致。
TEST 04 · Dark Project Control 深色项目控制
评估:Night 层级 · Surface 分离 · 青色当前态 · 异常可见性 · 控制疲劳深色不机械反转浅色——三候选均以 Night #090D24 为基底,差异在 Surface-2 与 Border 的分离度(按简报 §9,深色不追求三种激进方向)。
无障碍对照(WCAG 对比度,画布底)
数值由 oklch→sRGB 计算| 角色 | A | B | C | 阈值 |
|---|---|---|---|---|
| Light · Text | 10.3:1 ✓ | 15.6:1 ✓ | 10.0:1 ✓ | 4.5 |
| Light · Text-strong | 18.2:1 ✓ | 19.2:1 ✓ | 17.6:1 ✓ | 4.5 |
| Light · Text-2 | 7.1:1 ✓ | 6.0:1 ✓ | 6.5:1 ✓ | 4.5 |
| Light · Text-3 | 5.7:1 ✓ | 4.6:1 ✓ | 4.9:1 ✓ | 4.5 |
| Light · 青墨(当前/选中文字) | 6.5:1 ✓ | 6.9:1 ✓ | 6.3:1 ✓ | 4.5 |
| Light · Identity Blue | 15.0:1 ✓ | 15.9:1 ✓ | 14.6:1 ✓ | 4.5 |
| Dark · Text | 16.3:1 ✓ | 16.4:1 ✓ | 16.3:1 ✓ | 4.5 |
| Dark · Text-2 | 6.7:1 ✓ | 9.6:1 ✓ | 7.2:1 ✓ | 4.5 |
| Dark · Text-3 | 4.9:1 ✓ | 5.3:1 ✓ | 5.3:1 ✓ | 4.5 |
| Dark · Cyan(当前/实时) | 6.8:1 ✓ | 6.8:1 ✓ | 6.8:1 ✓ | 4.5 |
- A 深色 Text-3 在 Surface-2 上 = 4.14:1(现生产值,用于低优先 mono 元数据)——低于 AA 4.5,为 A 的已知弱项。
- B 浅色 Text-3 参考值 #8A95A0 = 3.05:1 被拒用,适配为 #6B7681(4.6:1)。这是按无障碍约束对 TRAE 参考的最小适配,已在 §2 标注。
- C 深色 Text-3 在 Surface-2 上 ≈ 4.1:1——用法规则:深色面板内的标签一律用 Text-2(5.6:1+),Text-3 仅用于画布上的低优先元数据。
- 焦点环(聚焦视图内 Tab 可验)三候选均用青墨/亮青 2px 描边,对比度 ≥6.3:1。
自评分(1–10,加权)
建议性质 · Owner 定夺| 标准 | 权重 | A | B | C |
|---|---|---|---|---|
| 工程可信度 Engineering credibility | 20% | 7 | 7 | 9 |
| 长时使用 Long-duration usability | 15% | 7 | 9 | 8 |
| 密度支持 Information-density support | 15% | 8 | 8 | 9 |
| PHITE 独特性 Distinctiveness | 15% | 6 | 5 | 9 |
| 浅色工作区质量 Light workspace | 10% | 7 | 9 | 9 |
| 深色控制质量 Dark control | 10% | 7 | 7 | 8 |
| 品牌色兼容 Brand-color compatibility | 5% | 7 | 7 | 9 |
| 无障碍 Accessibility | 5% | 7 | 7 | 8 |
| Token 经济 / 可复现 Token economy | 5% | 7 | 8 | 7 |
| 加权总分 | 100% | 7.00 | 7.40 | 8.60 |
评分依据本页受控对比与 §7 数值计算。未为预设结果调分:C 在工程可信度、密度、独特性、品牌兼容四项(合计 55% 权重)上均显著领先,这是其总分优势的来源;B 在长时使用与浅色质量上最优。
定性评审
A · 当前 Open Design
- 最强
- 一致性:与全部已部署页面零差异,表格密度与选中态已被验证。
- 风险
- 中性族是三候选中最「通用 SaaS 冷灰」的,品牌识别贡献最低。
- 最佳面
- 密集登记表(行分隔与元数据成熟)。
- 最弱面
- 品牌表达 / 独特性;深色弱化文字在 Surface-2 上 4.14:1。
- 长期风险
- 5 年后 PHITE 可能被读作「称职但普通的企业系统」。
B · TRAE Quiet Engineering
- 最强
- 长时安静:最低视觉疲劳,浅色工作区与阅读面体验最佳。
- 风险
- 最不 PHITE——静默中性 + 白底最接近「参照即所得」,品牌独特性最弱。
- 最佳面
- 浅色工作台与文档面(8 小时使用)。
- 最弱面
- 品牌识别;低质办公屏上 Text-3 边缘临界(4.6:1)。
- 长期风险
- 「安静」会随页面增多而滑向平淡,且与 TRAE 的面貌距离太近。
C · Refined PHITE Engineering Paper
- 最强
- 原生 PHITE:工程纸面 + Anthracite 精密墨与品牌四色形成本族关系;强规则 + 低卡片依赖直接服务密度。
- 风险
- 纸面色(非纯白)需在投影/低质屏上复核;Text-3 需更深的 #5F6C79 才能过 AA,用法必须写清。
- 最佳面
- 工作台 + 登记表 + 文档面三面均衡;深色分离度略高于 A。
- 最弱面
- 纯白审美偏好者的接受度(相对项)。
- 长期风险
- 低——墨/纸概念与「精密工程系统」论点同构,10 年内不易过时。
开放设计推荐:C(建议性)。理由:C 同时赢得工程可信度、独特性与品牌兼容,且密度与长时使用不输 B。若 Owner 更看重「绝对安静的浅色长时体验」,B 是合格亚军;A 保留为对照。
PHITE 中性系统 V1 — Owner 决策板
PHITE NEUTRAL SYSTEM V1 — OWNER DECISION
A当前 Open Design
- Canvas#F7F9FC
- Text#383E42
- Text-2/3#4F565E / #5D646B
- Rule/Border#D7DBE0 / #A5ACB3
- Dark base#090D24
BTRAE Quiet
- Canvas#FFFFFF
- Surface#F7F9FB
- Text#1F2429
- Text-2/3#5A6570 / #6B7681
- Dark base#090D24
CEngineering Paper
- Canvas#F1F6F9
- Text#383E42(墨)
- Text-2/3#4E5A66 / #5F6C79
- Rule/Border#D2DBE0 / #AEBAC0
- Dark base#090D24
| A | B | C | |
|---|---|---|---|
| 加权总分 | 7.00 | 7.40 | 8.60 |
| 工程可信度 | 7 | 7 | 9 |
| 密度支持 | 8 | 8 | 9 |
| 长时使用 | 7 | 9 | 8 |
| 独特性 | 6 | 5 | 9 |
| 浅色 | 7 | 9 | 9 |
| 深色 | 7 | 7 | 8 |
| Owner 采纳 |
附加发现与状态
受控对比中的补充发现 DISCOVERY
- C 的「精密墨」概念要求 Text-3 比 A/B 更深(#5F6C79)以保持 AA——若采用 C,建议将 Text-3 定义为「仅用于非关键元数据」,面板/表格内优先 Text-2。
- B 的低对比依赖高留白;若 B 被采纳,应禁用「仅靠 Text-3 承载的关键日期」用法(4.6:1 在低质屏临界)。
- 三候选的深色映射收敛于 Night 同族(简报 §9 要求),差异仅在 Surface-2/Border 分离度——评审重心应放在 Light。
- 「卡片压力测试」:C 在四面上均能以线/对齐/间距完成分组,不依赖卡片;A 次之;B 最接近「需要容器才能建立层级」。
状态 STATUS
- 本页为隔离评审页:未应用 A/B/C 到任何生产页面。
- 未更新 Constitution / Decision Register / Golden Samples / 共享 tokens。
- 推荐(C)为建议性;最终选择完全由 Owner 决定。
- 批准后下一步:将选定中性写入 neutral-system-review.html 提案并走 Owner 批准流程,再升格 V1。