Hermes Agent · 中文 UI v2 · 品牌与标志 · 2026 · 05 · 16 出版

标志 Isometric Block · v0.2

几何 H 作为统一实体做等距投影 —— 两根立柱代表全球开源,中间横梁是 CN 社区的纽带。 持久橙横梁是唯一的饱和色,背面与顶面只用中性灰阶承担景深,避免抢戏。
家族
Hermes Agent
标志
isometric block
几何
80 × 80 · dx −2 · dy +2
重音色
#ff7a3d
排印
Studio Hermes · 北京
§ 01
主标志组合
完整标志 —— 浅色骨色容器 #f6f1e3 上的等距 H,前面板用暖墨, 横梁用持久橙。这是 dark UI 上的主版本 —— 浅色块在深色 chrome 上自然成为视觉焦点。 浅色背景上则改用反相版(容器换深色,前面板换浅色),见 §03 [07]。
[ HERO ]
┌ trim trim ┐ └ ø 192 px v0.2 ┘
Hermes Agent CN UI · 北京 · MMXXVI
§ 02
几何构造
整个 H 当作一个实心体做等距投影 —— 正面是完整的 H 轮廓路径,顶面与右侧面沿外轮廓连续延伸,不在交叉处断裂。 横梁的右侧面被右立柱挡住,所以可见 3D 面只有 6 块(顶面 3 + 右面 3)。
construction 80 × 80 ┐ └ offset dx −2 dy +2 faces 6 + 1 ┘
FRONT H 轮廓路径 · #0a0908 ink-050
TOP 立柱顶面 · #2a2620 深暖墨
TOP · BRIDGE 横梁顶面 · #c95722 persimmon 暗调
RIGHT 立柱右侧面 · #3a3633 中暖墨
CROSSBAR 横梁覆盖层 · #ff7a3d 持久橙
CONTAINER 圆角容器 · rx 18 · #f6f1e3 bone-100
投影
等距 · 偏移 translate(−2, 2) · 投影方向为右上
绘制顺序
3D 面(右 → 顶)→ 前面 H 路径 → 横梁覆盖层
最小尺寸
14 px ↓ 只保留 front + 右立柱面 + 横梁,剔除多边形顶面
安全边距
≥ ½ 横梁高度,即 4 px @ 80 vbox
§ 03
应用场景
覆盖八种最常落地的尺寸 —— 浏览器标签 favicon、App icon、README badge、CLI status、Live pill、 email signature 横向 lockup、浅色背景反相、深墨终端。14 px 以下用 favicon 简化版,剔除 3D 多边形顶面。
Hermes Agent ×
[ 01 ] FAVICON · 14 px
[ 02 ] AVATAR · 80 px
hermes-agent CN
[ 03 ] README BADGE · shields
hermes / v2.0.4 CN
[ 04 ] CLI STATUS · topbar
HERMES · LIVE
[ 05 ] STATUS PILL · runtime
Hermes Agent
北京 · CN UI v2
[ 06 ] LOCKUP · email sig
[ 07 ] ON BONE · inverse
[ 08 ] ON DEEP INK · terminal
§ 04
色板
标志只使用六种颜色:骨色容器、暖墨前面板、两阶中性暖墨承担景深、持久橙横梁、暗调持久橙作横梁顶面。 其余 UI 语义色(苔绿、琥珀、锈红、天蓝、梅紫)与标志互不干涉,由产品 chrome 承担。
持久橙
#ff7a3d
横梁 · 重音
持久橙 顶面
#c95722
横梁 3D 顶面
暖墨 050
#0a0908
前面板 H 轮廓
暖墨 顶面
#2a2620
立柱顶面
暖墨 侧面
#3a3633
立柱右侧面
骨色 100
#f6f1e3
容器 · rx 18
骨色 200
#e8e2d4
反相前面板
苔绿
#8db580
成功
琥珀
#e8b85d
警告 · 关注
锈红
#d96666
错误 · 拒绝
天蓝
#6e9bd1
信息
梅紫
#b58dc4
审批 · 队列
消费渐变
linear · 135°
消费 · 1M 上下文
页面纹理
repeating
页边 · 颗粒
§ 05
字体系统
sans 变体下中文统一走 HarmonyOS Sans / PingFang SC(黑体), 拉丁字符仍保留 Fraunces 衬线作展示重音 —— 浏览器按字符在字体栈里逐个 fallback, Fraunces 不含 CJK glyph 自然落到下一档。等宽用 JetBrains Mono。
展示 Fraunces · 拉丁
Hermes Agent
300 / 400 · letter-spacing −0.03em · 24-104 px · 仅用于拉丁
展示 Harmony · 中文
从头再来,用平静的工具。
300 / 500 · letter-spacing −0.02em · 24-88 px · 中文标题统一走 sans
正文 HarmonyOS Sans
面向产品团队的编辑印刷感工作台 —— 像印刷工坊那样从容,像飞行甲板那样精确。本地优先,永不喧哗。Hermes 在执行高风险步骤前先询问,并把过程展示出来。
400 / 500 / 600 · letter-spacing −0.005em · 12-16 px
等宽 JetBrains Mono
~/Documents/GithubProjects/hermes · 127.0.0.1:9119 · 20260516_093142_oauth · $0.42 · ⌘ ↵
400 · letter-spacing 0.04em · 9-13 px · ligatures off
对比度 text-dim 提升
衬线版 #8a8273 @ ink-050 · 5.8:1 · WCAG AA 边缘
sans 版 #a39c8b @ ink-050 · 7.5:1 · AAA
三档同步提亮:mute / dim / faint —— 保持灰阶层级差,整体可读性提升
§ 06
禁忌
标志的力量来自几何的不动 —— 不可水平化等距投影、不可改横梁颜色、不可给前面板加渐变或描边。 想表达"强调"请用 §04 的持久橙重音,而不是动标志本身。
不要丢掉等距投影
— 立体是标志的核心
不要给横梁换色
— 持久橙是唯一
不要在前面板叠渐变
— 实色或反相
不要旋转标志
— 等距方向已固定