HSKB V14.2 · INTERNAL REVIEW RELEASE

视觉识别与网站系统升级

Identity Master V14.0 保持锁定;Application Release V14.2 扩展网站、博客、海报、名片、报告、空间、无障碍、研究、生产和治理。此 HTML 版与 110 页 PDF 同步,适合搜索、读屏、复制和团队交接。

2026-09-01 · 博格港湾 / Harbor Stem · HSKB

身份锁定: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
VariableWeb valueGuardrail
content max1360 px宽屏只扩展背景和留白,不拉宽正文。
breakpoints767 / 1199 / 1439按内容压力折叠;不按设备品牌增加临时断点。
motion160–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。浏览器记录、截图/录屏、问题关闭单。
ProductionP0/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。

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