中性系统 V1 · A/B/C Owner 评审NEUTRAL SYSTEM V1 · OWNER STUDY
PROPOSED — OWNER APPROVAL REQUIRED
← 返回系统总览
1

评审框架 — 受控对比

这是 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 与青色,检验中性层级本身是否成立
核心问题:哪一套中性系统能为工程、文档、密集信息与控制工作提供未来 5–10 年最强的工作环境?不是「哪套更漂亮」。
CANDIDATE A

当前 Open Design

CONTROL · 对照基准

直接使用现有生产页面的中性系统(oklch 冷调纸面),不做任何改进。回答:当前系统是否已经比候选更强。

CANDIDATE B

TRAE Quiet Engineering

安静 · 低疲劳 · 工程向

以 TRAE 参考值为灵感(White/Surface/Border Subtle/Rule/Border/Muted/Secondary/Text/Ink)。保留安静、干净、克制与出色的浅色工作区可读性;Muted 因 AA 要求做最小适配。

CANDIDATE C

Refined PHITE Engineering Paper

工程纸面 × 精密墨 · 原生 PHITE

从第一性原理设计的刻意挑战:冷调工程纸面画布 + 纯白抬升表面 + 以 Anthracite 为「精密墨」的文字与线族。检验 PHITE 是否应有比「通用 SaaS 中性」更本族的浅色系统。

2

候选 Token(角色集,非色阶编号)

oklch 为主 · 附十六进制近似
A当前 Open Design
LIGHT ENGINEERING ENVIRONMENT
Canvasoklch(.982 .004 250)≈ #F7F9FC
Surfaceoklch(.996 .001 250)≈ #FDFEFE
Surface-2oklch(.960 .005 250)≈ #EFF2F5
Hoveroklch(.938 .008 250)≈ #E6E9ED
Text#383E42Anthracite
Text-strong#090D24Night
Text-2oklch(.45 .016 250)≈ #4F565E
Text-3oklch(.50 .014 250)≈ #5D646B
Ruleoklch(.89 .008 250)≈ #D7DBE0
Borderoklch(.74 .013 250)≈ #A5ACB3
DARK CONTROL ENVIRONMENT
Canvas#090D24Night
Surface / 2oklch(.205/.245 .03/.035 265)≈ #101725 / #182031
Text / 2 / 3.945/.68/.60≈ #EAEDF1 / #9199A2 / #7A818B
Rule / Border.32/.43 265≈ #2A3345 / #445069
BTRAE Quiet Engineering
LIGHT ENGINEERING ENVIRONMENT
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
DARK CONTROL ENVIRONMENT
Canvas#090D24Night
Surface / 2#0E1430 / #131A3A抬升
Text / 2 / 3#E9EDF5 / #AEB8CC / #7C87A0
Rule / Border#1C2544 / #293358
CRefined PHITE Engineering Paper
LIGHT ENGINEERING ENVIRONMENT
Canvasoklch(.970 .007 230)工程纸面 ≈ #F1F6F9
Surface#FFFFFF纯白抬升
Surface-2oklch(.958 .007 230)≈ #EDF2F5
Hoveroklch(.940 .010 230)≈ #E2EBF0
Text#383E42Anthracite 精密墨
Text-strong#090D24Night 权威
Text-2#4E5A66墨系次级
Text-3#5F6C79墨系弱化
Ruleoklch(.885 .012 230)墨系发丝 ≈ #D2DBE0
Borderoklch(.78 .016 230)≈ #AEBAC0
DARK CONTROL ENVIRONMENT
Canvas#090D24Night
Surface / 2oklch(.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 代理解释。

3

TEST 01 · Project Workspace 项目工作台(Light)

评估:导航面板 · 脊线 · 进度条 · 记录 · 里程碑

三列并排为等比缩略(同设计宽 1180px,同内容,仅中性不同)。点击任一面板进入全尺寸聚焦对比;聚焦内可切换 A/B/C。

4

TEST 02 · Dense Engineering Register 密集登记表(Light)

评估:表头规则 · 行分隔 · 选中行 · 元数据可读性 · 长时使用

同一 9 列表、同一 7 行、同一选中行(青左条)与逾期行。行高、字号、内边距三候选完全一致。

5

TEST 03 · Document Surface 文档面(Light)

评估:纸面感 · 目录 · 长文 · 技术表 · 注释

文档面为全宽壳 + 受限阅读画布(Rule 1)。此处仅渲染「目录 + 阅读区」片段;字号、行长、层级三候选一致。

6

TEST 04 · Dark Project Control 深色项目控制

评估:Night 层级 · Surface 分离 · 青色当前态 · 异常可见性 · 控制疲劳

深色不机械反转浅色——三候选均以 Night #090D24 为基底,差异在 Surface-2 与 Border 的分离度(按简报 §9,深色不追求三种激进方向)。

7

无障碍对照(WCAG 对比度,画布底)

数值由 oklch→sRGB 计算
角色ABC阈值
Light · Text10.3:1 15.6:1 10.0:1 4.5
Light · Text-strong18.2:1 19.2:1 17.6:1 4.5
Light · Text-27.1:1 6.0:1 6.5:1 4.5
Light · Text-35.7:1 4.6:1 4.9:1 4.5
Light · 青墨(当前/选中文字)6.5:1 6.9:1 6.3:1 4.5
Light · Identity Blue15.0:1 15.9:1 14.6:1 4.5
Dark · Text16.3:1 16.4:1 16.3:1 4.5
Dark · Text-26.7:1 9.6:1 7.2:1 4.5
Dark · Text-34.9:1 5.3:1 5.3:1 4.5
Dark · Cyan(当前/实时)6.8:1 6.8:1 6.8:1 4.5
8

自评分(1–10,加权)

建议性质 · Owner 定夺
标准权重ABC
工程可信度 Engineering credibility20%779
长时使用 Long-duration usability15%798
密度支持 Information-density support15%889
PHITE 独特性 Distinctiveness15%659
浅色工作区质量 Light workspace10%799
深色控制质量 Dark control10%778
品牌色兼容 Brand-color compatibility5%779
无障碍 Accessibility5%778
Token 经济 / 可复现 Token economy5%787
加权总分100%7.007.408.60

评分依据本页受控对比与 §7 数值计算。未为预设结果调分:C 在工程可信度、密度、独特性、品牌兼容四项(合计 55% 权重)上均显著领先,这是其总分优势的来源;B 在长时使用与浅色质量上最优。

9

定性评审

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 保留为对照。

10

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
加权 7.00 / 10

BTRAE Quiet

  • Canvas#FFFFFF
  • Surface#F7F9FB
  • Text#1F2429
  • Text-2/3#5A6570 / #6B7681
  • Dark base#090D24
加权 7.40 / 10

CEngineering Paper

  • Canvas#F1F6F9
  • Text#383E42(墨)
  • Text-2/3#4E5A66 / #5F6C79
  • Rule/Border#D2DBE0 / #AEBAC0
  • Dark base#090D24
加权 8.60 / 10
ABC
加权总分7.007.408.60
工程可信度779
密度支持889
长时使用798
独特性659
浅色799
深色778
Owner 采纳
OWNER DECISION
 
留白待 Owner 拍板。批准前不修改生产页面、不更新宪法/决策登记/金样/共享 tokens。
11

附加发现与状态

受控对比中的补充发现 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。