01
设计原则
四句话定义方向的性格——可测量、可追溯、克制、密度。
- 可测量一切对齐到 4px 基准网格；数字一律使用等宽（tabular-nums），保证扫描与对比的精确。
- 可追溯每个对象都有编号、修订状态与负责人——界面继承了工程文档的「证据链」。
- 克制签名青只作信号，每屏出现不超过两次；蓝色承载结构，无烟煤承载正文。
- 密度靠信息层级、等宽数字与状态语义解决密度，绝不靠隐藏信息。
02
Logo 应用
几何不可变，只允许改色。青色的「T 字横笔」是签名细节，任何底上都保留。
夜蓝底 · 白 + 青
身份蓝底 · 白 + 青
浅色纸面 · 身份蓝 + 青
=1×=1×=0.5×=0.5×
净空区（Clear Space）
Logo 四周保留至少「× 高度」的净空（顶部/底部 0.5×，左右 1×）。净空区内不放任何文字、图形或界面元素。禁止改几何、拉伸、压缩、加投影或描边。
03
字体系统
展示字体 Archivo（几何无衬线，紧凑）、正文 Inter、数据 JetBrains Mono。数字一律等宽。
精密工程系统
工程文档登记表
进度 · 采购 · 调试
PHITE 承担复杂、长周期、多专业的工业工程与 EPC 项目交付，界面需要在长时间阅读与高密度操作之间保持清晰与稳定。
PHITE-DOC-0412 · REV C · 2025-03-18
78.4% 12,480 +3.2% Ø 1,200 mm
04
色彩关系
四种品牌色 + 冷调中性 + 从属功能色。青是信号，功能色从属于品牌。
身份蓝 · 结构#00146E · 主操作
夜蓝 · 环境#090D24 · 系统面
无烟煤 · 实体#383E42 · 正文
签名青 · 信号#00A6D6 · ≤2/屏
surface
bg
surface-2
border
muted
fg
成功 / 已批准
警告 / 评审中
错误 / 风险
信息 / 实时信号
05
网格与间距
4px 基准网格；间距来自 4 的倍数，用「尺寸刻度」方式呈现，而非装饰性留白。
4
8
12
16
24
32
48
64
← 4px 基准 · 8pt 网格 · 12 列版面 →
06
签名元素
四个贯穿全系统的图形符号——十字定位、尺寸线、信号条、标题栏。
十字定位 · 章节标记
24 — 基准间距 — 48
尺寸线 · 测量语言
工程 · 设计
工程 · 采购（当前）
制造 · 物流
| DWG PHITE-DOC-0412 | REV C | DISC 工艺 | BY W. Zhang | DATE 2025-03-18 | SCALE 1:50 |
07
界面片段
方向 A 在真实控件中的样子——直角、密排、青色只作选中与信号。
已批准
评审中
草稿
修订 C
P&ID · 连续聚酯工艺流程REV C
设备布置图 · 反应器区REV B
仪表清单 · I/O 点表REV A
64% · 已复核 27 / 42 份