版本说明

旧规则到现行规则，以及设计文件与 Spec 的差异。

现行· VI Spec v1.2 · 来源 HAJI-8 · 2026-10-23

官网设计 v1.2 · 来源 HAJI-9 · 2026-10-23

现行版本说明

本 Spec 取代了哪些旧规则。

旧规则	现行
HAJI-4：中文标题用站酷快乐体	Noto Sans SC Black 900
HAJI-4：贴纸用白色外描边	2px ink 描边
HAJI-4：贴纸倾斜 ±3–8°；v1.1 板：±3–10°	装饰贴纸 ±3–10°；品牌资产贴纸 ≤ ±6°
HAJI-4：主色用于链接；v1.1 板：正文只用 ink / paper / 白	正文只用 ink / paper / 白 / muted；primary 只做链接和强调文字（paper 或白底，≥ 14px）
HAJI-6 v1.0：导航组合标「高 40px」	可见高 40px（文件 48px）；吸顶状态可见高 32px
HAJI-6：标语英文首字母大写、不上三色点	一律小写；单独使用时上三色
HAJI-6：「好到舍不得扔」等标语方向	停用
HAJI-6：中文标语「哈喽，记住，迷上。」	纯文本写作「哈喽. 记住. 迷上.」，图形版用路径文件
v1.1 板：「标语 x 高不超过字标 x 高」	扩展为「带三色点的是主角，配角 x 高不超过主角」
v1.1 板上的官网示意图把彩色导航和三色页脚画在同一张图里	页脚进入视口时，导航切换成单色

现有 pen 与 Spec 的差异

hajimi-www.pen 和 hajimi-www-en.pen 都要改：

导航和页脚里的「粉点 + HAJIMI」占位，按第 9 节换成正式文件。
中文版的 ZCOOL KuaiLe 标题（48 / 64 / 72）全部换成 Noto Sans SC Black 900，字号不变，换行按新字宽重排。
Card / Case / Hover 的投影从 10/10/0 改成 8/8/0。
页脚右侧加三色标语。
状态板里加一个「吸顶导航 · 页脚可见」状态，这时组合标是单色版。
Hero 贴纸堆里加图形标贴纸，默认 −6°。

官网设计的对齐结果见官网用法的核对清单。

官网设计的恢复项与对齐清单

HAJI-4 的四类设计资产（视觉系统、组件与变体、主要状态、交互标注）都在，已按 Spec v1.2 对齐，中英文同步。全文件只删了一类节点：导航、页脚和状态板里的「粉点 + HAJIMI」标志占位（每种语言 14 个节点），Spec 要求换成正式文件，所以没有恢复。

画板	与 HAJI-4 相比	按 Spec v1.2 对齐的内容
视觉系统 tokens	114 / 114 节点全部保留	中文标题字体改为 Noto Sans SC Black 900；色彩规则改为 Spec 原文（文字只用 ink / paper / 白 / muted，粉和橘不做文字色，lime 文字只放 ink 底）；pink / lime / orange 色卡注明「品牌点 1 / 2 / 3」；贴纸倾斜改为「装饰 ±3–10°，品牌资产 ≤ ±6°」，不加白色外描边；悬停投影 8/8/0
组件与变体 components	231 个节点全部保留，另加 1 个	案例卡悬停投影由 10/10/0 改为 8/8/0；评价卡头像改为同色头像加图标；贴纸标签字体不再用站酷快乐体；Step 组件在画板上的展示宽度修正，原先说明文字被挤成一字一行（页面实例不受影响）
主要状态 states	询价表单默认 / 校验错误 / 提交中 / 提交失败 / 成功，案例墙骨架屏 / 空状态 / 详情浮层，导航默认 / 吸顶，全部保留	两个导航状态换成正式组合标（可见高 40 / 32）；新增 C3「吸顶 · 页脚可见」（组合标切 ink 单色）；成功态撒花里的圆点改为条形；详情浮层投影 10/10/0 保留（Spec 允许浮层使用）
交互标注 annotations	1–10 条全部保留	第 1 条补上导航组合标的尺寸和单色切换规则；第 3 条补上 Hero 图形标 −6° 和视差规则；新增第 11 条「标志、标语与三色点」，页面页脚有对应编号 11
封面 cover	全部保留	加入正式组合标；版本号改为 v1.2；目录更新到 11 条标注和新的状态，并新增 ⑥ VI 资产与核对板
桌面单页	01–10 区块全部保留	导航 / Hero / 页脚的标志和标语按 Spec 处理；口碑区数字「120万+ / 1.2M+」从橘色改为 ink（Spec：粉和橘永远不做文字色）

v1.1 规范板图示

图示，与文字冲突时以 Spec v1.2 为准。板上的官网示意图把彩色导航和三色页脚画在同一张图里，Spec §10 已经判为旧画法。