礁里的一株
六段圆端笔画,一个圆。这一页就是全部:形状、规矩,以及一句话——就算我们的档案一个都不在,你也能照着把牠重画出来。
牠怎么长成的
一根主干、顶上分两瓣的冠、往左下伸的臂、往右伸的枝与枝上的小叉。所有笔画共用同一个宽度——粗细一致就是这颗标志的个性,所以不会单独把某一段加粗或变细。
- 主干 · 1 段
- 冠 · U 形两瓣
- 左臂 · 1 段
- 右枝+上叉 · 2 段
- viewBox 100×100
- r = 46
- stroke = 11
- pathLength = 100
- ½ branch · ⅔ arm
起源 · 演化历程
这株珊瑚不只是珊瑚——四步,从一整面礁到一株会呼吸的标志;定稿里藏着 feelreef 的缩写。
- ①
图地反转 · 藏 REEF 字母游戏:整面礁的负空间里,藏着 REEF 四个字。 - ②
取出最大株 ·「r」 最大、最挺的一株=领头的 r。太满、小尺寸会糊——往精简收敛。 - ③
手绘手稿 定下六笔的姿态:肥短 U、「r」的肩、向右的小叉。 - ④ 向量定稿 · f+r 融合 f =挺直主干 · r =右枝与叉——无限缩放、可动态。
从图地反转的 REEF(取最大株珊瑚当「r」),到现行 f+r 的融合——字母始终藏在形里,但没有一眼就跳出来喊「我是字母」。看得懂是彩蛋,看不懂也只是一株漂亮的珊瑚。
剪影只有一个,填色有好几种
剪影一毫米都不动——只换填色层。上排是数位日常的四款官方版本;下排留给纸面与特殊载体。
数位日常 · 四款官方版本
纸面与特殊载体
容器与留白
珊瑚在框内置中、四周留出均匀呼吸空间。正圆是主要容器;超圆角(squircle)为 app icon 场景的替身。
字标
永远全小写、永远 Young Serif、永远放在圆徽旁边,间距约是圆徽直径的三分之一。官方三款:生长渐层为主推,深底用珊瑚落日,反白的那款骑在渐层带上。
REEF with X · 模组命名系统
每个模组都是「REEF with X」家族的一员——同一个珊瑚、同一个 REEF、同一个连接词,只有末尾的能力名与它的专属色会变。
RiseEmergeEvolveFlourish —— REEF 的字源,也是这个系列最初的命名由来。
每支 lockup 是一支单色——珊瑚徽章、REEF、能力名共用同一个专属色,只有 with 保持灰。免费入门的 Card 绿、核心 Site 海洋、收钱的 Checkout/Members 绿与珊瑚、AI 双人组 GAIDO/KAITO 同紫系。徽章与 REEF 永远同色,所以看起来协调。
配方,不是档案
活得久的纹样是靠说明传下去的,不是靠档案——家纹能撑过六百年的手刻,是因为工匠被告知牠是什么,而不是收到一份拷贝。所以这株珊瑚自己也带着逃生舱:一句话就能把整株重建,不需要档案、不需要厂商,也不需要我们。
圆中一株珊瑚:直干立中,顶分两瓣成肥短 U;半腰向右伸枝,枝上小叉指天;三分之二处向左垂一臂,臂圆如钩。三瓣同出一弧。全株六笔,等宽圆端。
- ½ branch
- ⅔ arm
- ⅐ crown
- ×3 一条母弧 ×3
千年活下来的纹样(家纹、玺印、纹章)没有一个是靠档案——靠的是一句话就能重建的配方。这不是第五个形状:形状就是上面那个,改变的是传递介质。
诚实说:没有人能设计一个保证千年的形状——能设计的是它的传递方式。Shell 的贝壳一百年重画了八次而不死,家纹六百年被无数工匠手刻而不走样,靠的都是「不变量+允许重画」:这里的不变量是拓朴(六笔的关系)、分数比例(½・⅔・⅐)、一条母弧;其余每一代都被允许重新诠释。我也拒绝为了「更千年」把臂或叉拿掉——那会变成一棵无名的树;活过千年的纹样全都「独特且可重建」,而不是「最简」。最后,这恰好就是 feelreef 的品牌基因:标志自己也带着逃生舱——不需要档案、不需要我们活着,一句话就能把牠带走。
怎么用牠
- 不加阴影或渐层
- 不压扁或拉伸
- 不用低对比配色
- 不随意旋转(摆动除外)
牠有三种动法
进场 · 一次 · 1.8s · ease-out · 依生长顺序待机 · 循环 · 3.2–4.4s · ease-in-out载入/AI 思考 · 循环 · 3.6s · ease-in-out档案
四个 SVG,尽管拿去:海洋主徽、给印章与单色印刷的单色版、会跟着周围文字颜色走的纯字形,以及给 app icon 的超圆角方版。
向量
点阵
给吃不下 SVG 的地方——GitHub/Slack 头像、npm 套件、各种服务的上架页。方形那款是刻意满版的:那些服务会自己裁切、自己圆角,所以给它一张里面有圆的透明 PNG,最后会变成圆中圆。