Evidence
1146×1132 原始 PNG;SHA-256 339d07…47cc。它是证据母图,不是假定的矢量源。
Identity Master V14.0 保持锁定;Application Release V14.2 扩展网站、博客、海报、名片、报告、空间、无障碍、研究、生产和治理。此 HTML 版与 110 页 PDF 同步,适合搜索、读屏、复制和团队交接。
2026-09-01 · 博格港湾 / Harbor Stem · HSKB
V14.2 只扩展 H 外部的表达和应用。原始证据、比例、切口、中桥、轻微偏移、Reference Red 与 SHA 不因媒介、屏幕或合作关系改变。
1146×1132 原始 PNG;SHA-256 339d07…47cc。它是证据母图,不是假定的矢量源。
红色实体约 1020×1019;上下切口约 13×340;中桥约 339;保留约 1 px / 4.5 px 偏移。
等比、无旋转、无拉伸、无描边、无渐变、无透明度、无裁切;只引用版本化 V14 资产。
跨媒介 token 与网站 web 子集分开治理。网站的 canonical source 是 public/brand/hskb-v14-website-tokens.json;应用层只引用批准的六色、字号、网格和状态规则。
| 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 | 红色不是小字号正文或唯一状态信号。 |
网站设计被拆成可复用的层,每层都有 owner、状态、测试和版本。页面不是一张长海报,而是一套可维护的关系。
Logo、token、12/8/4 栏、字号、对比、断点和动效边界。禁止在页面内临时写颜色。
Header、Footer、Button、Field、Caption、Status:语义 HTML、焦点、触摸目标和翻译合同。
Hero、Gallery Frame、Blog、Proof、Downloads:一个主角、一条信号、完整来源。
Home、Programs、Insights、VI、Apply、Legal、404:唯一 H1、canonical、metadata、静态导出。
loading、empty、error、success、archived、reduced 都有文字、图标、边界和下一步。
LCP 目标 ≤2.5s;图片写宽高;SVG/WebP/AVIF 优先;第三方脚本和未知字体需审查。
内容系统让视觉表达有温度,也让事实有边界。概念图、真实照片、指标和引用都要标注来源、日期、角色、状态和限制。
先写发生了什么,再写为什么重要,最后给下一步。避免“天才”“改变人生”和成绩保证。
eyebrow、title、dek、作者、日期、阅读时间、内容类型、状态和 related links 可复用。
value、definition、unit、period、sample、source、owner、limit 同屏;示意数字不能公开。
宽景交代地点,中景交代关系,细节交代行动;人物、学生作品和地点先过授权。
入场 160–220ms、过渡 220–300ms,位移上限 4px;字幕、文字稿和静态 fallback 一起交付。
中英长串、日期、姓名、地址、法定文字与伪本地化在 200% / 320px 下复测。
V14.2 在 V14.1 的 60 个 code-native SVG 之外,增加 12 个可编辑母版,覆盖海报、数字、品牌板、名片、报告、信纸、导视和周边。生产时使用 SVG,不把 PNG 预览当成成品。
A2 Exhibition、4:5 Connect、9:16 Proof;固定信息区、远读测试、平台安全区和 QR 扫描。
1440 Hero、12-column section、4:5 social proof;保留 alt、状态、来源和响应式折叠。
姓名/角色/联系动作优先;数字 vCard 与印刷 proof 同步,人员变动产生新 assetId。
封面、证据、定义、版本和权利状态可追溯;品牌板只展示规则,不制造新 Logo。
发票、续页、信封、文件夹经财务、刀模、黑白复印和扫描测试。
门牌和贴纸在 P1 进入供应商/现场 proof;材料、固定、阻燃、耐候和撤场责任明确。
可交付不等于可以跳过最后一扇门。将本地构建、内容、权利、无障碍、生产和部署分开标记。
| 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、回滚点。 |
研究矩阵记录官方来源、已核事实、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。部署、公开商标和商品化仍需独立的项目/权利审批。