事实先于装饰
缺历史就留空，审计失败就保持红灯；视觉不能把未知包装成健康。
KKVault · 视觉系统样板Evidence Control System · DESIGN.md alpha
本页是视觉组件样板；所有数字、曲线和状态仅用于演示排版，不是 KKVault 实时业务数据。
VISUAL CONSTITUTION / VERSION 1
让每一页都像同一个系统，而不是十五个临时页面。
这一版把“设计规范”从一句提示变成可执行的视觉宪法：先守住数据和路由，再统一颜色、排版、状态、图表、响应式与验收。它约束后续所有页面任务，但不替代业务规则。
真值Transaction truth
渠道来源原生单位 · 可追溯
信息片段locator + SHA
候选关系待核，不冒充完成
业务判断证据边界独立表达
四条不可破坏的设计原则
不是“好看优先”，而是让信息更快、更真、更容易追溯。
层级不混账
来源、片段、候选关系、正式关系和业务结论必须分层展示。
先总览再下钻
入口页回答“现在怎样”；细节页回答“为什么”，不再铺一整墙同权卡片。
范围必须可回滚
新增入口就新增独立路由；冻结页不做试验，所有视觉变化可精确撤回。
设计令牌：颜色与文字有固定职责
绿黄红只表达真实状态，紫色只表达模型，金色表达品牌与证据，蓝青表达动作与数据流。
核心色板
CSS TOKENS / DESIGN.mdCanvas
#07111FRaised surface
#14243AEvidence gold
#E9B95BData cyan
#42D6CDAction blue
#5AA9FFModel purple
#A78BFASuccess
#43CC8ADanger
#FF6B79中文信息层级
SYSTEM STACK + TNUMdisplay / 32整体先看懂
headline / 20异常、趋势与下一动作
body / 14正文保持紧凑，但要让证据边界可以一遍读懂。
metadata / 11数据控制室样板
适合总览、趋势和渠道矩阵。示例只展示组件关系，不连接业务 API。
逐小时处理趋势 · 样例
处理量新增来源
片段五态 · 样例
linked · 正式窄关系21
candidate · 待核候选10,682
unknown · 无可靠业务锚102,508
guarded · 边界阻断189,370
system · 机器/空结构4,846
| 渠道 / 原生单位 | 可处理 | 已切片 | 候选 | 状态 |
|---|---|---|---|---|
| 企微审批 · 审批实例 | 12,330 | 187,920 | — | ● 健康 |
| 飞书妙记 · 妙记 token | 203 | 32,381 | 待核 | ● 局部 |
| 渠道示例 · 文件 | — | — | — | ● 未观测 |
组件语言
同一个动作、状态和输入在不同页面保持一致，减少用户重新学习。
动作
每个区域只有一个主动作，次要动作不抢层级。
状态
颜色必须与机器或业务真值一一对应。
健康待核阻塞模型未知
筛选与搜索
44px 高度、明确标签、键盘焦点可见。
证据阅读模式
长文、合同、法律和财务审阅保留暖色浅底，不强行套进深色控制室。
片段级证据需要同时回答：来自哪里、具体说了什么、不能证明什么。
阅读页减少装饰、提高行距，用暖色纸张感承载长文。重要证据以边线和来源标识突出，但不因为标题、文件名或单方陈述就自动坐实业务结论。
证据片段 · 组件示例
来源路径、页码或段落定位、原文 SHA 与内容 SHA 同时可复水。此处只演示视觉结构，不代表任何真实合同或诉讼事实。
本片段可以证明文书在某一版本中确实包含该文字或字段。
本片段不能证明对方认可、实际履行、付款完成、法院采信或责任归属。
页面迁移地图
先试点、再渐进；旧页面有明确状态，不做全库一键换皮。
frozen/pipeline
原生产大屏保持精确恢复后的结构，只允许明确的入口级增量。
pilot/txn-overview
先验证总览、图表、响应式、可访问性和组件一致性。
next/txn · /merge
试点通过后统一总览到详情的连续体验，不改业务逻辑。
specialized证据与审阅页
保留专业浅色阅读模式，只共享语义和基础令牌。
legacy低频旧页面
触达时迁移，不为统一外观进行高风险机械重写。