// SECURE ARCHIVE TERMINAL · UI DESIGN SYSTEM

基金会：深井协议 — UI 美术基调

把宣传站 / 概念图的「SCP 机密档案终端 × WH grimdark」风格，落到游戏内 UMG 组件上。可见版样式表，用于指导实现与迭代，非最终游戏截图。核心母题：灰黑为骨、血红点睛、等宽数据、涂改未知、终端化框架。

① 设计 Tokens // 颜色 · 排版

bg #0a0908 画布
panel #121110
inset #1c1814
line #2c2620
ink 主文字
dim 次要
red 危险/破坏性（放弃/退出/丢弃；不再作确认）
red2 hover/告警
amber 高亮/数值
cold 数据/扫描
ok 在线/成功
toxic 污染/生化
anomaly 异常/记忆
ice 低温/电
warn 警示
blood 出血/重伤
c-orange 分类
c-lime 分类
c-teal 分类
c-blue 分类
c-violet 分类
c-magenta 分类
等宽 · 数据/标签/数值
HP 86 AMMO 24/120 -1,240m
无衬线 · 中文正文
收容失效记录 · 节选

①·B 色彩系统 // 稀有度 · 状态 · 阵营 · 分类

物品稀有度（边框色）
普通
良好
稀有
史诗
传说
异常
状态 / 伤害类型
出血 污染 低温/电 灼烧 异常/记忆 眩晕 治疗/恢复
阵营标
基金会 GOC 蛇之手 MC&D 混沌分裂者
分类色板（多字段 / 图表 / 标签互相区分，12 色）
red orange amber gold lime green teal cold ice blue violet magenta

用法：底色仍是灰黑（保 grimdark 身份），但文字/状态/分类用更亮更有彩的颜色提气，不再一片死灰。主轴仍是 红=危险/破坏性、琥珀=确认/数值/财富；分类色专给"很多字段"互相区分（属性词条、伤害类型、阵营、图表/曲线），点缀为主、不铺大面积。

② 按钮 · 标签页 // 控件状态

物资
装备
合成
档案

③ 生存数值条 // HUD

生命 HEALTH86
饱食 SATIATION54
水分 HYDRATION71
污染 CONTAMINATION38
负重 WEIGHT24.6 / 35

④ 塔科夫式网格背包 // 多格物品 · 锁定涂改

物资清单 8×N · 悬停高亮 / 选中红框
×1
🔧×3
⛏×1
▣×12
✚×2
◔×8
☣×1
物品档案 ITM-0xA4
回收机械臂
SALVAGED MANIPULATOR · 武器/钝器
2格耐久 62%
伤害48
攻击间隔1.1s
重量5.2 kg
隐藏属性 · 需鉴定 / IDENTIFY
异常加成流血 +15%
来源██████ 收容区

⑤ 合成工单 · 搜刮进度 // 进度与锁定

工单 RCP · 净化滤芯
▣ 金属废料3 / 3 ✓
◔ 菌丝纤维1 / 2
█████ 试剂配方未解锁
● 制作中…00:42
搜刮容器（首次搜刮进度）
● 搜刮中 SEARCHING2.3s
弹药 ×?████████

⑥ 状态标记 · 印章 · 危险条 · 交互 // 语义元件

● 在线● 收容失效负重过载 扫描中未鉴定
CLASSIFIED LOCKED ⚠ 污染超标
E搜刮 军用储物箱
F归档 残留碎片
长按 R恢复对菌丝母体的控制

⑦ AIC 字幕 // 叙事层

AIC — WATCHMAN
这条走廊我带过很多人下去。他们大多没回来。

⑧ 组装预览 // HUD（叠在场景上）

生命86
污染38
● 收容失效负重 70%
DEPTH ▾ -1,240 m
SITE INTEGRITY 6█ %
AMMO 24/120
E搜刮 军用储物箱
AIC — WATCHMAN
前方有东西在动。别用灯。

⑨ 组装预览 // 档案 / 世界进度（涂改=未解锁）

站点档案 WORLD PROGRESS
✓恢复 S0 地表前进站供电
▸抵达 L2 生物过滤舱，重建菌丝母体控制
▸归档 D-7710 的残留碎片（3/7）
▸█████████████ 深井最终控制台
已归档 12待归档 ██命运的终点：未定

⑩ 基础尺度 // 间距 · 字阶 · 圆角 · 层级

间距 scale（4 的倍数）
sp1 · 4
sp2 · 8
sp3 · 12
sp4 · 18
sp5 · 28
圆角/描边：锐角(0) 或微圆(2px)，发丝描边 1px —— 粗野主义、硬朗
字阶 type scale
标题 H1 · 32/800
区块 H2 · 22/800
面板头 H3 · 17/600
正文 body · 14 · 行高 1.6
说明 caption · 11 mono · 字距 .1em
数值 86 · 24/120 · -1,240m（等宽）
层级 z-index 阶
内容 / 面板0–1
吸顶栏 sticky50
遮罩 overlay200
弹窗 modal300
通知 toast400
悬浮提示 tooltip500
CRT / 扫描线9999

⑪ 表单控件 // 输入 · 选择 · 步进（滑条/开关见设置屏）

文本输入
复选
✓ 显示已涂改条目
单选
私密 公开
步进器
−×3＋
下拉
夜间
开关
开关

⑫ 弹窗 · 通知 · 警告 // 反馈层

丢弃确认 · CONFIRM
将 回收机械臂 ×1 丢出背包？丢弃后无法找回。
通知 toast
// 已归档残留 · +1 真相
行内警告 alert（信息 / 警示 / 错误）
ⓘ 检测到附近容器，长按 E 搜刮。
⚠ 负重接近过载，移动速度下降。
✕ 权限不足：需第 4 级 / O5 授权。

⑬ 加载 · 进度 · 空状态 // 等待与无数据

加载中（不定）
不定进度
定量进度（搜刮/合成）
空状态
▢
无信号 · 暂无数据
NO SIGNAL

⑭ 运动 tokens // 时长 · 缓动 · 命名效果

dur1 微交互(hover/点击)130ms
dur2 入场 / 切换300ms
dur3 充能 / 解码600ms
缓动 easecubic(.2,.7,.2,1)
命名效果（实现见 UI_Screens.html）
boot-in 浮入decode 解码scanline 扫描线 glitch 失真redact 涂改故障bar-fill 充能 channel-switch 切屏dmg-pulse 受击红晕

原则：克制、短(≤600ms)、有信息含义；战斗 HUD 动效最小化；全部受 prefers-reduced-motion 控制。

⑮ 无障碍 · 文案语气 // 红线

无障碍
· 正文对比 ≥ 4.5:1；红只给危险/破坏性，不作正文色；确认/主操作用琥珀金。
· 色盲：分类色/状态别只靠色相——必配图标或文字标签（出血/污染/低温…各带符号）。
· 全部动效受 prefers-reduced-motion 关闭；另提供"减少动态 / 关扫描线"开关。
· 字号下限 11px（mono 标签），正文 ≥ 13px；支持 UI 缩放。
文案语气
· 终端冷峻、克制、官僚——像读机密档案，不煽情。
· 涂改 = 未知 / 未鉴定 / 未解锁（隐藏属性、锁定配方、迷雾目标）；鉴定/解锁 = 解密。
· 命名统一：物资清单 / 工单 / 站点档案 / 操作员 / 归档；死亡 = 归档。
· 数值、编号、坐标一律等宽；中文正文用无衬线。

⑯ 图标集 // 线性单色 · 按状态染色

▣物资
⚙合成
▤档案
⌖搜刮
⚠危险
☣污染
✚医疗
◎AIC
▽下潜
⛓合作
◈异常

规范：线性单色、24px 网格、~1.5px 线宽；按状态染色（默认 dim / 激活 amber / 危险 red）。游戏内用 SVG 或图标字体，**勿用彩色 emoji**（此处仅占位示意）。

⑰ Tooltip / 悬浮提示 // 悬停信息

回收机械臂 · 异常
钝器 · 伤害 48 · 2 格 · 耐久 62%
隐藏：流血 +15%（需鉴定）
⌨ 长按 E
搜刮容器；搜完才揭示内容。

悬停约 .2s 延迟出现，锚定光标或元素边；区别于常驻的「物品档案卡」（点击/选中才展开）。

⑱ 表格 / 长列表 // 数据行 · 表头 · 斑马 · 悬停

物资 ▾数量重量稀有度
回收机械臂15.2 kg异常
9mm 弹药1201.4 kg普通
净化滤芯30.9 kg稀有
█████ 样本1—史诗

⑲ 徽标 / 计数 / 红点 // 通知与新内容

🎒3
计数徽标
▤
新内容红点
✉9+
溢出 9+
行内标
NEW未读已归档

⑳ 小地图标记 // 标记类型 · 图例

● 你 ● 目标 ● 敌人 ● 队友 ● 容器 ● 危险区
UE5 落地建议
· 建一个中央 UCSUITheme 数据资产（颜色/画刷/字体 tokens），所有 UMG 控件取它，禁止逐控件硬编码颜色。
· 复用 M_InteractOutline_PP 的红色作为危险/聚焦统一色；噪点/扫描线用一张静态贴图叠 RetainerBox，别每控件挂 shader。
· 组件 → UMG 映射：面板头(红封条)=带 Border 的 NamedSlot；数值条=ProgressBar+自定义 Brush；背包格=UniformGridPanel+自绘 Slot；涂改=Image 黑条覆盖 + 鉴定后淡出；交互提示=世界空间 Widget。
· 可读性红线：正文不用红字；HUD 不叠扫描线/重噪点；红色只给伤害/告警/破坏性操作（放弃/退出/丢弃）；确认/主操作改用琥珀金（.btn.primary=金、.btn.danger=红）。
· 字体：打包用 Noto Sans CJK / 思源黑体（中文）+ Share Tech Mono / IBM Plex Mono（拉丁数字），勿用微软雅黑（授权）。
本页为美术基调演示，非最终游戏内 UI。配图为本地 AI 占位。