---
name: hskb-brand-system-v142-extension
description: HSKB V14.2 expression, website, content and application extension. Use with the immutable HSKB V14.0 Reference-Locked Frame H identity master and V14.1 application package.
---

# HSKB V14.2 Extension Design Skill

这是 V14.2 的增量 Skill，不替换 `/Users/teecee/.codex/skills/hskb-brand-system` 的 V14.0/V14.1 基础规则。任何涉及 H、颜色、Logo、网站、博客、海报、名片、Guidebook 或品牌审核的工作，都必须先读基础 Skill，再读本扩展。

## 硬约束

- Identity Master 仍为 V14.0；红色 H 覆盖 `1020 × 1019`，切口 `13 × 340`，中桥 `339`，Reference Red `#FF2F2D`。
- 不重画、改色、裁切、拉伸、旋转、强制正方形化、光学居中或用 CSS/live text 重建 H。
- Gallery Frame、网格、纹样、动效和内容组件属于 H 外部的 expression layer；可以版本化，不能烘进 Logo。
- 网站生产代码只引用 `/brand/hskb-v14-*`；V13/未版本化资产只可在历史归档，不能进入当前 HTML/CSS/manifest。
- 研究案例只提供方法；Pentagram、AIGA、Hongkong Land、Wolff Olins 等的商标、字形、图案、色值和动效不可复制。

## 执行顺序

1. 读取 `references/website-system-v14.2.md`、`references/component-contracts.md`、`references/qa-matrix.md` 和 `references/research-layer-v14.2.md` 中与任务相关的章节。
2. 明确受众、语言、媒介、尺寸、内容状态、生产方式和权利状态。
3. 选择 Exhibition / Connect / Proof 主模式及最接近的 V14.1/V14.2 母版。
4. 先写内容和证据字段，再布置网格、Frame 和红色信号；每个画面只设一个主角。
5. 网站组件必须实现 loading/empty/error/success/archived 状态、键盘行为、缩放、forced-colors 和 reduced-motion。
6. 替换占位文字、图片、数据、二维码和合作标志；逐项记录来源、日期、owner、许可和限制。
7. 运行扩展生成器/验证器，以及网站 build、lint、test、静态导出；把本地构建、权利和部署状态分开记录。

## 网站组件层级

- **Foundations**：V14.2 web token、Logo、色彩对比、12/8/4 栏、字体、间距和动效。
- **Molecules**：Header、Footer、Button、Text link、Field、Status、Caption、Proof metric、Download card。
- **Modules**：Hero、Gallery Frame、Blog list/detail、Pathway、Case study、Data table、Application form、VI download rail。
- **Pages**：首页、项目、洞察、资源、`/vi`（以 `#website-design-system` 分区承载组件/token/无障碍）、`#website-downloads`、404 和法律页；不创建未实现的 `/vi/components`、`/vi/tokens`、`/vi/accessibility` 深路由。

## 何时停止并升级

若需求要求改变 H 的形状/颜色/比例、发布未经清权的商标/商品、把概念图写成实景、暴露未成年人/健康/身份数据，或供应商无法保留红色和切口，应将状态标为 `hold`/`rights-review`，通知品牌与法务负责人，不做临时变体。

## 交付

交付源文件、导出、token、清单、预览、校验结果、许可说明、proof、版本和回滚路径。V14.2 扩展包包含 12 个新增母版、12 张预览与 110 页 Guidebook；基础 V14.1 包仍可独立回滚。
