| 1 | 工程白图是工程师的画布——白色坐标纸上，海军蓝的墨线勾勒出系统的骨架。每一根线条都指向精确的坐标，每一组数据都有工程级别的严谨。这不是艺术表达，这是工程思维的可视化。方格纸底纹提醒你：这里的一切都经过计算。 |
| 2 | |
| 3 | ## 配色 |
| 4 | 标题 #1e3a5f 海军蓝、正文 #374151 钢灰，强调色 #1e40af 深蓝与 #2563eb 亮蓝是墨线的两种粗细。背景 linear-gradient(145deg, #ffffff 0%, #fafafa 55%, #f5f5f5 100%) 近乎纯白，带着微妙的灰度。卡片 rgba(255,255,255,0.94) 白底，边框 rgba(30,58,138,0.2) 是淡蓝色的工程描边。 |
| 5 | |
| 6 | ## 排版 |
| 7 | 等宽字体是唯一选择——系统设计需要等宽的精确感。标题可以用稍粗的字重，正文保持等宽的节奏。数据表格、API 路径、架构描述自然融入。 |
| 8 | |
| 9 | ## 布局 |
| 10 | 网格底纹贯穿每一页，内容沿着网格线排列。流程图、架构图、时序图是这个风格的天然元素。卡片像工程图纸上的标注框，方正规矩。 |
| 11 | |
| 12 | ## 动画 |
| 13 | fade-up、stagger-list、typewriter |
| 14 | |
| 15 | ## 适合场景 |
| 16 | 系统设计文档、API 文档、架构白皮书、工程方案评审——需要传递「每一行都经过深思熟虑」的场合。 |
| 17 | |
| 18 | ## 不要 |
| 19 | - 不要使用非等宽字体 |
| 20 | - 不要使用装饰性元素 |
| 21 | - 不要用暖色调或活泼配色 |
| 22 | - 不要让网格底纹消失 |
| 23 |