ZHANGLU.NET · BRAND
一条路，一个句点
zhanglu.net 的标识。一条 Z 形的盘山路，两个拐点，尽头落一枚朱砂句点。 它把这个站的三件事压进了一个图形：名字里有路，走过的每步可追溯，走到哪句点落到哪。
设计思路
① 名字里的路 —— Z 形盘山道
「张路」的路，就是道路的路。地图上的盘山路画出来，正好是一个 Z 字折线——而 Z 又是「张 Zhang」的首字母。 一笔下去，既是姓，也是名。斜段精确 45°，像等高线间的之字爬升。
② 拐点即记录 —— 可追溯
这个站在做的事是「把复杂判断变成可追溯的流水线」。 折线的两个拐点各打了一个孔——像路书上的途经点。 直线是走，拐点是判断；打了孔，走过的每一步都能回看。缩小之后孔自然消失，mark 退化成干净的「Z.」。
③ 朱砂句点 —— 「张路.」的那个点
全站的字标本来就是「张路」加一枚朱砂句点。mark 的终点就是这枚句点—— 路走到哪里，句点就落在哪里。它是全图唯一的朱砂，也是唯一的圆。
④ 与 C-suite 印章：一方一线，一印一路
本站的产品套件 C-suite 有自己的印章标识（朱砂方框围一点墨——机器围着人转）。 个人标识反过来：墨线引一点朱砂——人走出来的路。 同一套色板，互为表里：产品是盖下去的印，个人是走出来的路。
结构
- 画布：120 × 120
- 折线三段：线宽 10，圆头圆角
- 斜段：精确 45°（下降 48 × 48）
- 拐点孔：r 3 × 2（纸色，缩小自然消失）
- 句点：r 7.5，朱砂（全图唯一朱砂、唯一圆）
- 句点与末段基线对齐（y = 84）
变体
主形
浅色背景
深底反白
深色背景
单色 · 墨
黑白 / 灰度
Favicon
浏览器标签
横排组合 · mark 的句点即字标的句点，不再重复
色彩
即全站色板（global.css 的 @theme），标识不引入新颜色。
墨
#1a1a1a
路 / 正文 / 人走的每一步
朱砂
#b14b3a
句点 / 强调 / 全站 accent
纸
#fafaf7
底色 / 拐点孔
纸二
#f3f1ea
浅色块
界线
#d9d6cd
分隔
使用规范
- 最小尺寸：mark 短边 ≥ 16px（拐点孔会自然消失，属预期）
- 留白：四周至少留一个句点直径（约 mark 宽度 1/8）
- ❌ 不改颜色——句点只能是朱砂（单色版除外）
- ❌ 不把句点挪走或去掉
- ❌ 不填充 Z 的内部、不改线宽比例
- ❌ 不加投影、渐变、描边效果
- ❌ 不斜置、不变形
- ❌ 深色背景一律用反白版
下载
- zhanglu-mark.svg — 主形（浅色背景用）
- zhanglu-mark-inverse.svg — 深底反白（深色背景用）
- zhanglu-mark-mono.svg — 单色 · 墨（黑白印刷 / 灰度）
- zhanglu-lockup.svg — 横排组合（mark + 张路 + zhanglu.net）
全部为手写 SVG。设计文档见仓库 docs/brand/zhanglu-logo.md。