博客和工作台一直用一个琥珀色小方块当占位标志，能用，但没有辨识度。我决定认真做一个，目标很朴素：一眼能认出来，缩到浏览器标签那么小也不糊，并且全站统一。
先定约束，再画草图
- 配色沿用站点：深蓝底、青绿主色、琥珀点缀，这样标志放在任何页面上都不突兀。
- 只用简单几何：圆角方块、折线、圆点，方便用 SVG 手写，也方便缩放。
- 必须经得起 16 像素：浏览器标签页图标只有这么大，细节多了就是一团。
三个方向
我画了三个草案，每个都同时看大图、深色和浅色两种横版排版，以及 48、32、16 像素下的效果：
- 流线 F：把字母 F 画成一条流程线，竖线是主干，两个分支各带一个节点，右上角的琥珀色节点代表"完成的一步"。
- 六角工坊：六角形取自螺母和工件，一条带台阶的线从左下穿到右上，工业味最重。
- "工"字节点：把"工坊"的"工"画成工字梁，中间一个琥珀圆点。中文识别度高，但对不认识汉字的读者不够友好。
最后选了第一个。它最直接地说出名字里的 Flow，而且线条粗细一致，缩到 16 像素时仍然能看出 F 的轮廓。
怎么落地到全站
- 导出一套文件：标志本体、深色和浅色横版的 SVG，以及 512、192、180、32、16 像素的 PNG 和 favicon.ico。
- 博客页头：把原来的小方块换成内嵌 SVG，保证清晰且不多一次网络请求。
- 浏览器图标：把 512 像素版本设为站点图标，WordPress 会自动生成各种尺寸。
- 工作台：页头品牌区和标签页图标同步更换。
- 日报封面：在每天自动生成的封面里加上标志，让自动发布的内容也保持统一。
三条小经验
1. 内嵌 SVG 比图片文件更省心。页头里直接写 SVG，颜色和尺寸都能用 CSS 控制，不会因为缓存出现新旧混用。
2. 先在最小尺寸下验收。我是先看 16 像素的效果，再回头调大图的细节，而不是反过来。这样能避免做出"大图好看、小图一团糊"的标志。
3. 改完要真的在线上看一遍。标志替换涉及主题文件、站点设置、前端页面和封面脚本好几处，我是替换完后逐一打开页面核对的，这样才不会漏掉某个角落还留着旧图标。
小结
做标志不一定要请设计师。先明确约束（配色、形状、最小尺寸），画几个方向对比，再选一个最能说出名字的方案，剩下的就是把它统一落到每一个出现名字的地方。