外观
品牌与视觉设定
NATLAN 视觉身份的唯一权威口径。ui/styles/app.css 的头注、Logo.svelte 的注释、 首页的艺术方向说明全部以本文为准；改设定先改这里。
具体色值与令牌名见 design-tokens.md。
1. 名字与世界观
NATLAN 取自原神的纳塔——火与台地之国。 借来的只有「地貌 + 燃素」两个意象， 明确不使用 Cloudflare 小黄云，也不做六部族色环之类的多色插画。
贯穿整个视觉系统的是两个元素：
- 燃素（phlogiston） —— 火的能量。品牌里唯一的颜色来源：燃素橙
#f6821f与燃素金
#fbad41。 - 台地（mesa） —— 平顶的高地地貌。品牌里唯一的形状来源：标志是台地，首页的 艺术方向是「台地测绘」。
核心隐喻：网络即地形。 AS4242420028 是一片大陆，节点是测绘点与信标，链路是测线， 监控与控制台是对这片大陆的勘测（survey）。所有视觉发挥都必须能落回这个隐喻—— 画不进「地形 / 测绘」这个框的装饰不要。
2. 标志 —— 「驰行台地 / Drifting Mesa」
矢量真身在代码里：apps/control/src/lib/components/Logo.svelte 与各站的 favicon.svg。 备用标「燃素浪」不与主标并行使用。
构成：共享基线上的两个纯平面体量，无描边。
| 体量 | 形状 | 颜色 | 含义 |
|---|---|---|---|
| 主体量 | 平顶台地（梯形），向右倾冲 | 燃素橙 #f6821f | NATLAN 大陆本体；右倾 = 驰行，数据在流动 |
| 残影体量 | 圆角方块，尾随在后 | 燃素金 #fbad41 | 信号的余波，也是网络的冗余备份 |
读法：一座台地向右驰行，身后留下一记淡金色的残影。静（大地、稳定）与动 （驰行、流量）合在同一个标里。
造型语法（三稿定调，单一运动元素）：
- 每标最多两个体量：主形 + 更浅更小靠后的残影，共享基线，统一向右动势。 多部件、静态、插画化的构图不做。
- 纯平面、无描边、无渐变、无阴影。
- 单色 / 受限场景（打印、纯灰 UI）只保留主体量，残影整个去掉——不要把残影改成 同色或改成描边。
- 视窗基准：mark 108×70 units（
viewBox="24 52 108 70"），宽短比例不得压扁拉高。 - 金
#fbad41只在与橙成对时出现（回声体量、图表里的品牌配对色），永远不单独 作为 accent。
3. 色彩铁律
三条，都是试错换来的，不再重开：
- 品牌感只来自标志 + 橙 accent，中性色是零色相灰。 把表面暖染成品牌色调的方案 2026-07-12 试过，判定「脏 / 发黄」，已回退。任何 「让页面更有 NATLAN 味」的冲动都通过标志密度和橙 accent 解决，不通过给灰加色相解决。
- 橙只做细 accent，不做色场。 信标点、太阳、标签、按钮、下划线可以；大面积橙色块、 橙色 hero 背景不行。
- 链接恒蓝
#0051c3，橙不承担链接语义。 橙 = 品牌 / 强调，蓝 = 可点。
功能色的边界同样是铁的：状态语义色（ok 绿 / warn 黄 / bad·down 红）只表示健康状态， 不进数量序列；数量序列按 蓝 → 青 → 橙。
4. 首页艺术方向 —— 「台地测绘 / Mesa Survey」
apps/home/index.html，自包含单页。把「网络即地形」画出来：
- 地形语言：等高线环、台地地平线全景、三角测量标记。 hero 定案（2026-07-22，四概念比稿）：等高线场——不放焦点物体，整个 hero 背景是 安静的大幅等高线地形，信标落在脊线上、测线相连，文字压在地形之上；台地全景只保留 在结尾夜景板。等高线是真实地形：从 AWS terrain-tiles DEM 烘焙的 Canyonlands Island in the Sky 一带高程，标出了 Green River Overlook。
- 橙的角色：地形是灰的，橙只出现在「人造物 / 能量」上——信标灯、太阳、测点标记、 数据标签。一眼望去是灰阶勘测图上零星的燃素光点。
- 数据即内容：世界地图 + 统计条带是
bake.js烘焙的快照，加载后由页面唯一一段 内联 JS 从api.natlan.io刷新；fetch 失败保留快照，页面无 JS 也完整成立。 - 压场时刻 = 夜测绘黑板：整页允许一块大面积色场，但只能是零色相近黑面板 （星空 + 月亮 + 灰台地 + 橙信标发光），亮暗两个主题下都保持夜景。橙依然只做光点 ——铁律 2 不因黑板而松动。
- 层级语言：section 用 mono 小标 eyebrow（
SHEET 01 · …编号 + 一小段橙色刻线） 延续图纸叙事；标题字阶要敢大（hero ≥5rem 桌面）。 - 排版与控制台同源：Inter、数据用 mono、flat border-driven 表面、阴影只给浮层。
5. 一句话版本
零色相的灰阶勘测图上，一座燃素橙的台地向右驰行，身后一记金色回声—— 其余一切颜色都只是数据。
6. 素材
| 文件 | 用途 |
|---|---|
| assets/brand/natlan-avatar-light.png | 方形头像（GitHub 组织、外部平台），亮色版 |
| assets/brand/natlan-avatar-dark.png | 同上，暗色版 |
标志的矢量真身不在这里，见第 2 节。