署名标记
一个 8×8px 的实心朱砂方块,紧随品牌名之后。它是签名,不是装饰——出现越少,力量越大。
形态
文心 · 万形 默认尺寸,用于署名与页脚
文心 · 万形 大号变体,用于页头品牌区
文心 · 万形 ——这是它唯一的标准位置:紧跟名字之后。
| 属性 | 值 | 为什么 |
|---|---|---|
| 形态 | 实心方块 ■,固定 | 不用 · 或其他字符替代——那是标点,不是标记。 |
| 尺寸 | 8×8px 桌面 / 6×6px 移动端 | 小到不抢正文,大到不像脏点。 |
| 颜色 | --color-accent | 随主题切换,与 Logo 相反——它活在界面里,Logo 不。 |
| 位置 | 紧随品牌名,基线对齐或高 2px | 它属于那个名字,不是独立元素。 |
| 实现 | CSS .wx-seal,不是图片 | 桌面/移动有固定默认尺寸,页头可显式使用大号变体;随主题变色、零请求。 |
它消耗强调预算
阅读轨内容页至多两处强调色,■ 占掉其中一处。剩下的一处留给真正需要被点击的动作, 或者一张图里要被指出来的那条线。合同审计只能统计内联样式中的可执行出现;外链 CSS 与动作语义仍须人工判断。 应用轨的任务状态仍按页面合同判定。
四条边界
- 必须作为品牌文字/署名的一部分,紧随名称之后
- 不可与图形 Logo 在同一品牌锁定中并列
- 不可作为游离 accent 出现在正文段落、按钮、列表项中
- 不可在一页里散落多处
最常见的误用
把 ■ 当项目符号用。列表已经有它自己的标记,再加一个朱砂方块只是把签名变成噪声—— 一页里出现第三次,它就不再是签名了。
唯一被允许的循环动画
在 E9-2 强度下,■ 允许一处 opacity 1 → 0.6 → 1、周期 4 秒、ease-in-out 的呼吸循环。
这是全系统唯一被允许的无限循环动画,也是 --ease-in-out 唯一的用途。
文章页不继承这个循环:一篇长文里持续呼吸的标记是干扰,不是品牌。
prefers-reduced-motion 下一律静止——这是第一层全局底线,不分轨道。
它是装饰,所以要藏起来
<span class="wx-seal" aria-hidden="true"></span>
读屏器不该念出一个方块。■ 承载的是视觉上的署名感,而署名的信息已经在旁边的品牌名里了——
所以它一律 aria-hidden。这与"图标不能独立承载信息"是同一条规则的两面。