视觉识别 (VI)
一道斜杠, 三笔判词, 一颗落锤点。本页说明 /boss 标志的含义、色彩与字体系统、动效原则和使用规范 — 让每一次出现都传递同一件事: 判断是可以被工程化的。
01标志释义 · 三道判词斜杠
boss
标志的原点是命令行: /boss 是一声指令 — 把议题交给一场多评委合议。那道斜杠既是指令的起笔, 也是判词落下的一笔。
三道斜杠多评委, 各自落笔每位评委各持一套 doctrine 独立打分、互不可见。后两道渐隐的斜杠是先行的笔迹, 也是历史版本的影子 — 判断不止一笔, 也不止一次。
渐变主杠合议的最终一笔由判词红 (#B8331F) 向灼橙 (#FF5E3A) 上行渐变: 从证据的沉着到结论的锋利。圆头笔触 — 判断该有力度, 不该有毛刺。
落锤点可验证的那一刻主杠顶端的琥珀圆点是"锤落定音": 每个判断都带 30/90/365 天可证伪的 checkpoint。它会缓慢脉动 — 判断落定之后, 验证才刚开始。
深底同样成立 (导航栏 / 深色环境), 结构不变:
boss
02色彩系统
三个功能色各司其职, 不混用: 红是态度, 琥珀是信号, 蓝绿是协作与通过。大面积永远是纸与墨 — 判断书首先是一份文书。
03字体系统
/boss run_a1b2
等宽 · JetBrains Mono 族 — wordmark、命令、run_id、导航、数据标签。等宽是工程的口音: 这套系统的每个判断都可引用、可追溯。
把重要的判断, 交给一场合议
衬线 · 思源宋体族 — 大标题与章节题。判断书是文书, 该有文书的庄重感。
评委各持一套 doctrine 独立打分。
无衬线 · 系统字体族 — 正文与界面。不抢戏, 让内容与两种口音字体形成层次。
04动效原则
动效只做三件事, 且都很慢很轻 — 在场、等待、回应:
| 动效 | 参数 | 含义 |
|---|---|---|
| 主杠呼吸光晕 | 4.2s 循环, drop-shadow 强弱 | 引擎在场 — 系统是活的, 不是一张海报 |
| 落锤点脉动 | 2.8s 循环, 透明度 + 半径 | 等待验证 — 判断落定后 checkpoint 在计时 |
| 悬停弹性 | 0.38s spring 曲线, 倾斜 + 暗影斜杠错位滑开 | 回应触碰 — 三笔判词短暂显形 |
系统设置「减少动态效果」(prefers-reduced-motion) 时, 全部动效自动关闭。
05使用规范
✓ 完整使用三道斜杠 + 落锤点 + 等宽 wordmark; 浅底用墨字, 深底用白字; 最小高度 16px (小于此只用单斜杠 + 落锤点, 即 favicon 形态)。
✓ 安全留白: 标志四周至少留出一个落锤点直径 × 2 的空间。
✗ 不改配色 (三色有分工)、不拉伸变形、不增减斜杠数量 (三道 = 多评委, 是含义不是装饰)、不给标志另加投影或描边、不把 wordmark 换成非等宽字体。
06资产与实现
| 资产 | 位置 | 说明 |
|---|---|---|
| 主标志 (76px) | index.html hero 内联 SVG | 含全部动效; 渐变 id g-hero |
| 迷你标志 (18px) | 各页导航栏内联 SVG | 双斜杠简化形态; 渐变 id g-nav |
| favicon | <link rel="icon"> data URI | 单斜杠 + 落锤点 (16px 以下形态) |
全部资产为内联 SVG + CSS, 零外部请求 — 与站点 CSP 与离线场景兼容。需要矢量源文件时, 直接从页面源码复制 SVG 即可, 它就是唯一真相源。