# 品牌标识设计说明：「轨道即趋势」（oaf.world / InvesResearch）

> v1 · 2026-07-12 · 网页版见 [`/logo.html`](../logo.html)（含全部变体实渲染），canonical 资产 [`assets/logo.svg`](../assets/logo.svg) / [`assets/logo-lockup.svg`](../assets/logo-lockup.svg)。

## 0. 一句话

**一条金→赭的连续笔画：绕球时是卫星轨道，行至东侧破轨而出，化作上行的趋势箭头。** 一个图形讲完两条产品线 —— 全球卫星互联网决策 Agent（轨道）× 二级市场投研工作台（趋势）。英文名 *The Orbit Becomes the Trendline*。

## 1. 概念与释义

InvesResearch 是双线产品，logo 刻意不做「卫星 + K线」的拼贴，而用**一条线的两重身份**把两条线拧在一起：同一笔画，绕球时是轨道，离球时是行情。

| 元素 | 语义 |
|---|---|
| 地球（经纬球，墨色细描、纸感留白） | `oaf.world` 的 world；「全球卫星互联网」的全球 |
| 轨道→趋势线（金→赭渐变，一笔连贯） | 绕球=卫星轨道（产业 Agent）；破轨上行=二级市场投研。后半弧半透明入球后，制造纵深 |
| 箭头（赭，指右上） | 研判给出的方向感（非收益许诺——站内强制免责声明不变） |
| 金菱形（骑轨、halo 断轨） | 在轨 Agent 节点：数据在轨道上被采集 |
| 鼠尾草绿点（轨道与趋势交汇处） | 「最新数据点」；绿=站内涨色，也是「数字来自工具」的那个点 |

渐变方向（金→赭、左下→右上）**承袭旧「字母方块」徽标的 145° 渐变基因** —— 换标不换血统。

## 2. 几何解剖（viewBox 0 0 64 64，全手写路径）

| 元素 | 几何 | 描边/填充 |
|---|---|---|
| 地球 | 圆 (26,38) r=15，paper 填充（遮挡后弧） | ink 2.2px / paper |
| 经纬线 | 经线椭圆 rx6.4 ry15 + 赤道弧 `Q26,42` | ink 1.2px · 42% |
| 轨道 | 椭圆 rx24.5 ry8.8，绕球心倾转 −18°；后弧（上半）50% 半透明、前弧（下半）实色 | 金→赭渐变 2.6px · round cap |
| 趋势线 | 自前弧东端 `C54,37.6 58,34.8 61.8,31`（倾转坐标系内）延出 | 与轨道同一笔画 |
| 箭头 | 三角 (60.4,15.4)(60.3,21.9)(55.2,19.3)，指向约 −63° | clay 填充 |
| 数据点 | 圆 (49.3,30.4) r=2.2，压在交汇处（顺便盖住切线转折） | sage 填充 · paper 1.2px 描边 |
| 卫星 | 菱形 5.4×5.4 rx1.1 rotate45 @(8.4,49)，下垫 r=5 paper halo 断轨 | gold 填充 |

## 3. 色彩：零新增，全取站点令牌

| 色 | 值 | 用途 |
|---|---|---|
| Ink 墨 | `#2a2e2c`（--ink） | 地球与经纬 |
| Paper 纸 | `#fbf8f0`（--surface） | 球面 / halo / 留白 |
| Gold→Clay 渐变 | `#a87b1e → #c8523a` | 轨道与趋势（一笔） |
| Clay 赭 | `#c8523a`（--clay） | 箭头（动能） |
| Sage 鼠尾草 | `#4d7c3f`（--sage） | 最新数据点（涨色） |

## 4. 变体

- **标准**（canonical，纸色场景）= `assets/logo.svg`；
- **深色反白**：球面/halo 换场景底色（如 `#20241f`）、经纬换纸色、金/赭/绿亮度上调一档；
- **单色 Ink**：全要素 `#2a2e2c`（印章/单色印刷）；
- **横排 lockup** = `assets/logo-lockup.svg`：徽标 + 字标（衬线 `Inves` + 金色斜体 `Research`，沿用站内导航排法），副行 mono `oaf.world · 全球卫星互联网 Agent × 二级市场投研工作台`。

## 5. 尺寸与留白

- 最小 **20px** 保全要素；16px（favicon）允许经纬/卫星退化，轮廓仍读作「球 + 上扬一笔」。首页顶栏 34px、页脚 28px。
- 安全留白 ≥ 卫星菱形宽度（≈ 徽标边长 1/8）；箭头带右上势能，右上方避免紧贴元素。

## 6. 使用规范

**应当**：深色底用反白变体；保持 −18° 倾角与渐变方向；等比缩放；与字标并排用 lockup 既定间距。
**不要**：改色相 / 加投影发光；拉伸旋转镜像（箭头必须指右上——语义所在）；把箭头单拆出来当「涨」的暗示做营销素材；在徽标上叠字；新旧徽标混用。

## 7. 资产与落地

| 资产/位置 | 说明 |
|---|---|
| `assets/logo.svg` | 徽标 canonical（含 title/desc 可访问性） |
| `assets/logo-lockup.svg` | 横排锁定版（字体带回退栈：Fraunces→Georgia→系统衬线） |
| `index.html` 顶栏+页脚 | 内嵌 SVG 替换旧「S」字母方块（渐变 id 页内唯一：`oafTrendH`/`oafTrendF`）；favicon 已挂 |
| `logo.html` | 设计说明网页版（docs.html R15 收录） |
| 其余页面（portal / web/app 等） | 沿用旧字母方块，**渐进换装**，不在本次范围 |

嵌入约定：站内一律**内嵌 SVG**（零请求、`file://` 可用）；引用文件用 `<img src="/assets/logo.svg">`；favicon `<link rel="icon" type="image/svg+xml" href="/assets/logo.svg">`。

## 8. 设计过程备忘

- 用 Playwright 实渲染迭代：首版 SVG 弧线 sweep 方向标反（"后弧"走了下方、箭头下拖浅色尾巴），交换 sweep 后 Saturn 纵深成立（后弧走顶部被球遮挡、前弧走底部蓄势再破轨上扬）；
- 轨道→趋势的切线转折点刻意用 sage 数据点覆盖 —— 交汇处的几何缝隙变成了语义元素（feature not bug）；
- 深色底直接放标准版意外和谐（纸白球体成正片效果），反白变体供纯正深色场景。