跳到主要内容

## 身份锁定：H 仍是唯一锚点

V14.2 只扩展 H 外部的表达和应用。原始证据、比例、切口、中桥、轻微偏移、Reference Red 与 SHA 不因媒介、屏幕或合作关系改变。

### Evidence

1146×1132 原始 PNG；SHA-256 `339d07…47cc`。它是证据母图，不是假定的矢量源。

### Geometry

红色实体约 1020×1019；上下切口约 13×340；中桥约 339；保留约 1 px / 4.5 px 偏移。

### Use

等比、无旋转、无拉伸、无描边、无渐变、无透明度、无裁切；只引用版本化 V14 资产。

Gallery Frame ≠ Logo variant。 Frame 是外部内容容器；画芯和边界可换，H 的身份数据不可换。

## Token source

跨媒介 token 与网站 web 子集分开治理。网站的 canonical source 是 `public/brand/hskb-v14-website-tokens.json`；应用层只引用批准的六色、字号、网格和状态规则。

REFERENCE RED#FF2F2D
GALLERY INK#002E39
MAT WHITE#F7F7F4
FRAME SILVER#E4E7E5
GRAPHITE#40525A
SOFT RULE#CBD2D1

Variable | Web value | Guardrail
--- | --- | ---
content max | 1360 px | 宽屏只扩展背景和留白，不拉宽正文。
breakpoints | 767 / 1199 / 1439 | 按内容压力折叠；不按设备品牌增加临时断点。
motion | 160–300 ms · ≤4 px | 支持 `prefers-reduced-motion`，H 永不变形。
contrast | 普通文字 ≥4.5:1 | 红色不是小字号正文或唯一状态信号。

## Website Design Skill：Foundations → Molecules → Modules → Pages

网站设计被拆成可复用的层，每层都有 owner、状态、测试和版本。页面不是一张长海报，而是一套可维护的关系。

### Foundations

Logo、token、12/8/4 栏、字号、对比、断点和动效边界。禁止在页面内临时写颜色。

### Molecules

Header、Footer、Button、Field、Caption、Status：语义 HTML、焦点、触摸目标和翻译合同。

### Modules

Hero、Gallery Frame、Blog、Proof、Downloads：一个主角、一条信号、完整来源。

### Pages

Home、Programs、Insights、VI、Apply、Legal、404：唯一 H1、canonical、metadata、静态导出。

### States

loading、empty、error、success、archived、reduced 都有文字、图标、边界和下一步。

### Performance

LCP 目标 ≤2.5s；图片写宽高；SVG/WebP/AVIF 优先；第三方脚本和未知字体需审查。

## 内容、博客与 Proof

内容系统让视觉表达有温度，也让事实有边界。概念图、真实照片、指标和引用都要标注来源、日期、角色、状态和限制。

### Voice

先写发生了什么，再写为什么重要，最后给下一步。避免“天才”“改变人生”和成绩保证。

### Blog card

eyebrow、title、dek、作者、日期、阅读时间、内容类型、状态和 related links 可复用。

### Proof metric

value、definition、unit、period、sample、source、owner、limit 同屏；示意数字不能公开。

### Photography

宽景交代地点，中景交代关系，细节交代行动；人物、学生作品和地点先过授权。

### Motion

入场 160–220ms、过渡 220–300ms，位移上限 4px；字幕、文字稿和静态 fallback 一起交付。

### Localisation

中英长串、日期、姓名、地址、法定文字与伪本地化在 200% / 320px 下复测。

## 应用母版：12 个新增触点

V14.2 在 V14.1 的 60 个 code-native SVG 之外，增加 12 个可编辑母版，覆盖海报、数字、品牌板、名片、报告、信纸、导视和周边。生产时使用 SVG，不把 PNG 预览当成成品。

### Campaign

A2 Exhibition、4:5 Connect、9:16 Proof；固定信息区、远读测试、平台安全区和 QR 扫描。

### Digital

1440 Hero、12-column section、4:5 social proof；保留 alt、状态、来源和响应式折叠。

### Business card

姓名/角色/联系动作优先；数字 vCard 与印刷 proof 同步，人员变动产生新 assetId。

### Report & board

封面、证据、定义、版本和权利状态可追溯；品牌板只展示规则，不制造新 Logo。

### Stationery

发票、续页、信封、文件夹经财务、刀模、黑白复印和扫描测试。

### Space & merch

门牌和贴纸在 P1 进入供应商/现场 proof；材料、固定、阻燃、耐候和撤场责任明确。

## QA、生产与治理

可交付不等于可以跳过最后一扇门。将本地构建、内容、权利、无障碍、生产和部署分开标记。

Gate | 通过条件 | 证据
--- | --- | ---
Identity | 比例、切口、中桥、红色、净空和 hash 未变。 | validate_brand_assets.py、像素差、人工 100% 检视。
Content | 事实、数字、翻译、日期、关系、状态已批准。 | content ledger、owner、review date。
A11y | 键盘、读屏、对比、放大、forced-colors、reduced motion。 | 浏览器记录、截图/录屏、问题关闭单。
Production | P0/P1、纸样、材料、刀模、供应商和现场确认。 | 1:1 proof、批次、安装/撤场责任。
Deployment | 构建、静态导出、路由、404、metadata、robots、sitemap。 | CI log、smoke test、回滚点。

事故路径：Stop → Classify → Owner → Fix/Withdraw → Notify → Learn。发现错误 H、未经授权素材、错误事实或隐私风险时先暂停，不做不可追溯的临时修图。

## 研究与权利

研究矩阵记录官方来源、已核事实、HSKB 推断、明确不复制项和权利状态。研究案例只提供方法启发，不是 HSKB 资产或授权。

Pentagram / AIGA / Hongkong Land / Deutsche Bahn 等案例帮助我们理解稳定核心、模块化网格、跨媒介治理、动态表达和设计伦理；HSKB 的 H、颜色、Frame 和内容仍由本系统独立管理。

公开商标、商品化、伙伴标志、人物/学生作品、摄影、字体和大规模户外使用前，必须完成书面 clearance。购买或下载研究案例的公开资料不等于取得这些权利。

## 交付与下载

下载包中的 SVG、PDF、HTML、JSON、CSV、Design Skill 和脚本共享 V14.2.0 版本。ZIP 有 SHA-256 sidecar；PDF 与 HTML 互为阅读 fallback。

- HSKB V14.2 System Extension ZIP · source + docs + masters + manifests
- ZIP SHA-256
- 110-page PDF Guidebook · print/read version
- Website Design Skill VI · web contracts and QA
- Research source ledger · 56 first-party references

文件状态：system-extension-review-release。部署、公开商标和商品化仍需独立的项目/权利审批。