保留 H 的核心几何
方形轮廓、中央连接与上下开放通道共同构成“港湾—连接—出发”的完整语义。它足够简单,能够承担 favicon、头像、导视和空间标记。
HSKB Signal VI · 2026
HSKB 是 Harbor · STEM · Kids · Builders。V13.2 不重绘 V13 母标,而是把标志、信纸、名片、双语证书、海报、Backdrop、导视与数字办公整理成一套真正可以执行和下载的应用系统。
当前生产母版:HSKB V13 Signal / 博格港湾 / Harbor Stem
23 个可编辑应用母版均机械嵌入正式 Logo;正文示例文字可替换,标志不可重排。
00 / Strategic verdict
以专业身份系统的方法来看,V13 已经具备清晰概念与可记忆符号。当前重点不再是创造更多 Logo,而是让受控母标在纸品、礼仪、传播、活动空间与数字办公中保持同一套网格、尺寸和生产纪律。
方形轮廓、中央连接与上下开放通道共同构成“港湾—连接—出发”的完整语义。它足够简单,能够承担 favicon、头像、导视和空间标记。
标志的力量来自距离。与其增加渐变、口号、英文缩写或底框,不如扩大安全空间,减少同屏红色,并让母标在 Header 中达到足够的视觉尺寸。
图形外角略带亲和,字标与版式更理性。应用界面应保持直角、细线与编辑式网格,让 H 成为系统里唯一带“柔度”的识别,而不是复制大量圆角卡片。
V13 继续作为唯一生产母版;V13.2 完成的是应用母版库、设计令牌、生产状态、资产清单与 QA。任何对图形开口、圆角、字重或字距的改动,必须另立 V14 探索项目并经过真实尺寸测试,不能直接覆盖 V13 文件。
| 触点 | 状态 | 判断 | V13.2 动作 |
|---|---|---|---|
| Header / Footer / JSON-LD | V13 已上线 | 主站静态导出使用版本化正式母版。 | 继续保留尺寸、安全空间与自动校验。 |
| favicon / Apple / PWA / maskable | V13 已同步 | 数字图标矩阵由正式 symbol-red 机械导出。 | 保持 16–512px 哈希与真实设备 QA。 |
| 主站静态页面与资源 | 线上验收通过 | 页面、资源、HTTPS、重定向、404 与下载均通过自动检查。 | 后续更新继续执行相同发布前后校验。 |
| VI 应用母版库 | V13.2 审阅版 | 23 个 SVG 使用正式 Logo,并提供尺寸、状态和哈希。 | 完成内容审批、供应商打样和生产格式后再标记 final。 |
01 / Brand foundation
HSKB 的识别不是“科技感”装饰,而是五种品牌气质的秩序化表达:可信、开放、进取、清晰、有人情味。
稳定边界为差异、探索和暂时停靠提供安全感。
上下切口保持开放,教育不是封闭容器,而是进入真实世界的入口。
左右力量通过中央关系相连,代表家庭、学校、大学、产业与城市共同建设。
Signal Red 代表行动与回应:每一种天赋都应被发现、支持并点亮。
科学与工程不是表面语言,而是通过项目、证据和真实成果发生。
学生不是被动接受者;他们与导师、伙伴和城市一起构建未来。
02 / Logo system
完整双语母标是默认选择。中文或英文单语言组合只用于明确的语言环境;头像、favicon、App 图标或空间小于 160px 时使用独立图形。
虚线框代表母标四周至少 0.5H 的安全空间。H 等于左侧方形图形的高度;框内不得放置文字、边线、二维码、照片主体或合作方标志。
205px 母标配 96px Header,可近似满足每侧 0.5H 的垂直安全空间;若放大至 228–240px,Header 需同步增至约 105–110px。
完整双语母标数字端不得小于 160px。再小应切换到独立图形。
独立图形母版下限为 24px。浏览器仍可能请求 16/20px favicon;这只是系统例外压力测试,必须真机 QA,不代表批准更小母标。






网页、App、演示和常规印刷排版优先使用 SVG;PNG 仅在系统不支持 SVG 时使用。Logo 不导出 JPEG。
完整双语母标在印刷物上的最小宽度为 42mm。丝印、雕刻、烫印和传真使用单黑或单白版本。
中文正式名称为“博格港湾”,英文正式名称为“Harbor Stem”。不得把 hskb.com 小写字标或第三层机构说明拼入母标。
03 / Colour system
典型版面采用 85–90% 中性色和 10–15% Signal Red。每个 viewport 只给红色一个主要任务:标志、主要行动、关键数字或章节信号。
#FF4B3E品牌标志、主行动、关键数字或单一信号。
#0B0B0D正文、深色底和正式生产。
#F4F1EA品牌主底色、纸品与网页背景。
#FFFFFF反白文字、留白与白底应用。
#4B4B4F次级说明、数据标签与辅助文字。
#D6D3CC细分隔线、表格和输入框结构。
| 组合 | 对比度 | 结论 | 建议 |
|---|---|---|---|
| True Black / Signal Red | 约 5.93:1 | 可用于正文 | 红底按钮优先黑字。 |
| Signal Red / True Black | 约 5.93:1 | 可用于正文 | 适合关键标签、数字和链接状态。 |
| Pure White / Signal Red | 约 3.32:1 | 仅限大字 | 不要用于小号按钮文字或正文。 |
| Signal Red / Harbor Paper | 约 2.94:1 | 不可作小正文 | 浅底红色只作粗大文字、图形或非文字信号。 |
| True Black / Harbor Paper | 约 17.43:1 | 高对比 | 主正文与长篇阅读的默认组合。 |
04 / Typography
Logo 中的中文字形与英文字形已经转为轮廓,不依赖本机字体。品牌排版使用克制的无衬线体系,靠字号、字重、行距和留白形成层级。
标题 600–700,正文 400–500。展示标题行高 0.98–1.12;正文行高 1.65–1.85。中文正文左对齐,不使用两端强制对齐。
仅在取得对应媒介授权时使用 Univers。没有 Web 授权时使用 Arial、Helvetica Neue、Noto Sans SC、sans-serif;不要把桌面 TTF 上传到网站。
给好奇心一座港湾,让创造力驶向未来。清楚、具体、有证据;面向家长和学生保持温度,面向政府、学校和企业保持克制与可验证性。
05 / Layout system
桌面 12 栏、平板 8 栏、手机 4 栏。使用共同边线、宽留白和非对称平衡;不要依赖圆角、阴影、渐变、玻璃效果或漂浮卡片制造层级。
大标题、照片、关键数字或红色行动只能有一个成为最强元素。
标题、正文和中英信息共享左边线;居中只用于短句、数字或紧凑礼仪组合。
卡片共用边线;默认圆角为 0,结构线通常为 1px Soft Rule,信号线为 4–8px。
06 / Imagery
优先展示青少年与教师、导师、城市、工具和真实问题之间的行动关系。一个项目选择一种处理:自然全彩或中性黑白;不要混用多套滤镜。

07 / Digital application
Header 的 Logo 与总高度必须成对定义:建议桌面 205/96px、平板 180/84px、手机 160/76px,以同时满足完整母标下限和约 0.5H 垂直净空。空间确实不足时才切换独立图形,并保留可访问名称。
一个主要标题、一个主要行动、一张真实或明确标注的概念影像。Signal Red 只承担一个可见信号。
Header
完整母标 205px / 高度 96px
Layout
5:7 文图关系 / 共用边线
Colour
黑、暖白、红;一屏一个红色任务
07.1 / Chinese horizontal lockup
用户指定的横向中文组合已经存在于 V13 正式资产中。所有中文纸品、名片、证书、海报与空间应用直接使用该 SVG;不得用字体重打、挪动字标或另建近似版本。
07.2 / Professional stationery
A4 首页、英文版、续页、DL 信封与 A5 问候卡共享 18mm 左边线、安静页脚和单一红色信号。正文约 10pt,联系信息约 6.5–7.5pt;日常纸与重要函件纸分开管理。
STATIONERY / 01
中文横向母标置左上;编号、主题、正文、签署和页脚均有固定区域。适合正式函件、学校沟通与合作备忘。
STATIONERY / 02
英文版使用正式 English lockup,并以自然英文建立独立信函层级;不会把中文版机械翻译后塞进同一页。
STATIONERY / 03
保留首页正文网格,以小型 Signal 图形、引用编号和页码维持连续性,减少多页函件中 Logo 的重复占位。
STATIONERY / 04
寄件区与收件区分开,并为邮资、窗口和供应商刀模保留空间;最终生产需按邮政与印厂要求校核。
STATIONERY / 05
A5 横版以双语母标、手写留白和克制联系信息形成礼貌、有人情味的纸品。建议使用可书写的暖白无涂布纸。
日常信纸优先普通高白或自然白打印纸;董事、合作签署或重要函件可另用 100–120gsm 暖白无涂布纸。任何压凸、专色红或高级纸张都必须先看实物样,不把“昂贵工艺”当作版式的替代品。
07.3 / Business cards
中文、英文与深色双语背面构成一套系统。85 × 55mm、3.5–5mm 信息净空、最多两个电话号码;长职务与资格信息有明确降级顺序,不挤压 Logo 安全空间。
BUSINESS CARD / ZH
正式中文横向母标、姓名、职务、部门和两种联系方式共享左边线;右侧红色细条只承担一个信号。
BUSINESS CARD / EN
英文单语言母标与姓名信息采用相同模块,不临时拼接中文或缩写,方便国际交流与长英文职务。
BUSINESS CARD / REVERSE
True Black 背面使用正式 reversed 双语母标。可选无色压凸必须先做纸张测试;不得给 Logo 加金色、阴影或近似红。
| 层级 | 内容 | 规则 | 过长时处理 |
|---|---|---|---|
| 01 | 姓名 / Name | 最高识别层级 | 不得缩小到低于约 9.5pt |
| 02 | 职务、部门 / Title | 可分两行,保持左对齐 | 先移动部门到下一行 |
| 03 | 电话 | 最多直线与手机各一 | 移除传真或非必要总机 |
| 04 | 邮箱、网站 | 保留可直接联系字段 | 不用社交账号堆叠 |
07.4 / Certificates & credentials
三套 A4 横版证书共享编号、姓名、项目、日期、签署与验证字段。正式感来自母标、精确边线、纸张和可验证信息;HSKB 当前没有批准的校章,因此不凭空创造印章、金色丝带或政府背书。
CERTIFICATE / ZH
中文母标、中文标题和自然中文证书文案;保留编号、签署、日期及短网址或验证二维码区域。
CERTIFICATE / EN
使用 English lockup 与自然英文表述,适合国际项目或英文受众;不把中文行机械缩小后并入。
CERTIFICATE / BILINGUAL
仅在真实需要两种语言同页时使用;信息密度受限,正文控制在一行中英说明,合作方另设受控 Logo 区,不拼进 HSKB 母标。
CREDENTIALS / REPORT
以一个红色信号、一个年份和一个主标题建立证据导向的正式封面;任何成果数字必须先有可核验来源。
CREDENTIALS / BADGE
姓名、英文名、角色、活动和权限字段清楚分层。二维码不直接编码敏感个人资料,需遵守活动隐私规则。
上线前必须确定证书类型(Achievement、Completion 或 Participation)、颁发主体、签署权限、编号规则、验证方式和合作方角色。实体与数字证书应使用同一字段结构;没有授权时不得使用“官方”“认证”“学位”等可能误导的词。
07.5 / Editorial & campaign
A2 印刷海报与 1080 × 1350 数字海报共享中文锁定式、大标题、一个影像区和一个红色信号。A3/A1/A0 可按同一比例扩展,但必须重新校核字号、出血和观看距离。
CAMPAIGN / PRINT
大标题与影像区形成不对称平衡;照片只能替换指定区域,并使用真实授权影像或明确标注的概念视觉。
CAMPAIGN / SOCIAL
适配主流信息流的 1080 × 1350 画布;72px 安全边距,标题、图像和主要行动在平台裁切后仍保持完整。
主标题、照片、Logo 和按钮不能同时争夺第一层级。
同一项目选择自然全彩或中性黑白,不混用滤镜。
Signal Red 用于标志、关键编号或主行动中的一个。
不使用成绩保证、未确认合作或虚构项目结果。
07.6 / Event & environment
Backdrop 不等于重复 Logo 墙。主舞台承载主题;LED 解决亮度与裁切;媒体墙建立合作方重复网格;Roll-up 与导视服务近距离信息和行动路径。
ENVIRONMENT / STAGE
中文锁定式位于视线以上,标题和活动信息保持远距离可读,底部 15% 作为人物、桌椅和摄影遮挡安全区。
ENVIRONMENT / LED
深色高对比版本只使用 reversed 双语母标;安装后必须实测黑位、Signal Red 色偏和边缘裁切。
ENVIRONMENT / MEDIA WALL
HSKB 与合作方按视觉高度而非文件边界平衡;所有合作 Logo、角色和重复次数必须经过书面确认。
ENVIRONMENT / ROLL-UP
近距离展架允许使用短网址或二维码,但必须同时保留可读文字;底部预留供应商五金与裁切区。
ENVIRONMENT / WAYFINDING
独立 H 图形、目的地与箭头形成最短读取路径;最终字高必须按观看距离、材质与照明进行现场测试。
07.7 / Digital office
数字办公不是把 Logo 放大到每一页。封面可以建立仪式感;内容页应降低 Logo 存在感;邮件联系信息必须保留为 HTML 文字;虚拟背景要为人物和镜像显示留出空间。
DIGITAL OFFICE / PRESENTATION
一个标题、一个简短说明和一个正式 reversed 母标。普通内容页不重复大型 Logo;正文建议至少 20pt,注释至少 12pt。
DIGITAL OFFICE / EMAIL
页面只是视觉说明;生产时 Logo 使用图片,姓名、职务、电话、邮箱和法律文字必须重建为可访问 HTML,不把整块签名烘成图片。
DIGITAL OFFICE / VIRTUAL
人物所在中部保持空白,Logo 位于左上,口号置底;在 Teams、Zoom 或腾讯会议中分别检查镜像与裁切。
07.8 / Production control
所有新应用均为 sRGB SVG,用于设计审阅、内容替换和供应商沟通。CMYK、专色红、PDF/X、ICC、出血、刀模与材料参数必须由最终印刷或制作供应商确认并实物打样。
模板机械嵌入 V13 正式路径;正文可编辑,Logo 内部 path 不可修改。
Signal Red 数字值固定为 #FF4B3E;印刷转换需供应商 proof,不凭屏幕猜 CMYK。
常规纸品概念出血 3mm;大幅面、信封、证卡和五金区按最终刀模处理。
提供 SVG、打样后 PDF/X、PNG 预览、尺寸、色彩模式、字体许可和材料说明。
| 类别 | 当前交付 | 正式生产前 | 责任确认 |
|---|---|---|---|
| 信纸 / 名片 | 可编辑 sRGB SVG | 纸张、专色、压凸、出血与 PDF/X | 品牌负责人 + 印刷供应商 |
| 证书 | 中 / 英 / 双语字段母版 | 证书类型、编号、签署、验证、纸张 | 颁发主体 + 法务 / 运营 |
| 海报 / 社交 | A2 与 1080×1350 母版 | 真实内容、影像授权、平台裁切 | 内容负责人 + 发布人 |
| Backdrop / 空间 | 舞台、LED、媒体墙、展架、导视 | 现场测量、观看距离、材质、灯光、合作授权 | 活动负责人 + 制作商 |
| 数字办公 | PPT 封面、邮件签名视觉、会议背景 | 完整 PPT 母版、HTML 签名、平台设备 QA | 品牌负责人 + IT |
下载 V13.2 应用母版包 ZIP;或下载 APPLICATION_MANIFEST.csv 查看全部 23 个母版的文件名、类别、语言、尺寸、出血、Logo 来源、编辑状态、生产说明与 SHA-256。
08 / Non-negotiables
下列禁用项不以错误示意图重现,避免错误资产被截图、复制或误传播。生产时直接使用本包的 V13 SVG。
不使用“接近”的红色,不恢复荧光绿、蓝绿、渐变或历史配色。
不拉伸、压扁、旋转、裁切、描边、加阴影、透明或动态拆解。
不得用 live text 重输“博格港湾 / Harbor Stem”,也不替换字体或字距。
不把 hskb.com、机构全称、口号或 HSKB 字母再次拼入固定母标。
Logo 不放入胶囊、徽章、玻璃卡片、描边框或装饰纹样。
文字、图片、二维码、合作方标志和边线不得进入规定安全空间。
Header、Footer、favicon、社交卡和文件模板不得出现不同代际标志。
可借鉴编辑秩序与克制用色,但不得复制其他地产、教育或科技品牌的具体布局和资产。
09 / Production files
所有 Logo 文件继续保持 V13 母版几何。V13.2 新增 23 个独立、可编辑的应用 SVG 和一份带校验哈希的应用清单;它扩展使用方法,不改变 Logo。
| 场景 | 首选文件 | SVG | PNG | 说明 |
|---|---|---|---|---|
| 浅色背景 | hskb-v13-primary | 下载 SVG | 下载 PNG | 默认完整双语母标 |
| 深色背景 | hskb-v13-reversed | 下载 SVG | 下载 PNG | 红色图形 + 白色字标 |
| 单黑生产 | hskb-v13-black | 下载 SVG | 下载 PNG | 雕刻、传真、单黑印刷 |
| 单白生产 | hskb-v13-white | 下载 SVG | 下载 PNG | 蚀刻、深色丝印、反白 |
| 中文限定 | hskb-v13-chinese | 下载 SVG | 下载 PNG | 中文单语言环境 |
| 英文限定 | hskb-v13-english | 下载 SVG | 下载 PNG | 国际或英文环境 |
| 头像 / Favicon | hskb-v13-symbol-red | 下载 SVG | 下载 PNG | 24px 以上;浅色背景 |
| 深色小图标 | hskb-v13-symbol-white | 下载 SVG | 下载 PNG | 深色背景与单白生产 |
| 单黑小图标 | hskb-v13-symbol-black | 下载 SVG | 下载 PNG | 单色文档与制作 |
| 批准的单红制作 | hskb-v13-signal-red | 下载 SVG | 下载 PNG | 限制使用,不作为常规母标 |
| 场景 | 文件 | 尺寸 | 下载 | 说明 |
|---|---|---|---|---|
| 现代浏览器 favicon | hskb-v13-favicon.svg | Vector | 下载 SVG | 与正式 symbol-red 哈希一致 |
| 传统浏览器 favicon | hskb-v13-favicon.ico | 16/32/48/64 | 下载 ICO | 四个 PNG frame |
| Apple Touch | hskb-v13-apple-touch-icon.png | 180×180 | 下载 PNG | Harbor Paper 不透明底 |
| PWA | hskb-v13-icon-192.png | 192×192 | 下载 PNG | purpose: any |
| PWA | hskb-v13-icon-512.png | 512×512 | 下载 PNG | purpose: any |
| PWA Maskable | hskb-v13-icon-maskable-512.png | 512×512 | 下载 PNG | H 缩入安全裁切区 |
| Manifest 示例 | site.webmanifest | JSON | 下载 manifest | 部署时按真实根路径调整 |
| 类别 | 数量 | 代表文件 | 下载入口 | 状态 |
|---|---|---|---|---|
| 信纸与文具 | 5 | hskb-letterhead-zh-a4.svg | 查看文具系统 | sRGB 审阅母版 |
| 名片 | 3 | hskb-business-card-zh-front.svg | 查看名片系统 | 3mm 概念出血 |
| 证书、报告、胸卡 | 5 | hskb-certificate-en-a4-landscape.svg | 查看证书系统 | 内容与授权待确认 |
| 海报与社交 | 2 | hskb-poster-a2.svg | 查看传播系统 | 影像需授权 |
| 活动与空间 | 5 | hskb-backdrop-stage-6000x3000.svg | 查看空间系统 | 按现场与供应商重设 |
| 数字办公 | 3 | hskb-presentation-cover-1920x1080.svg | 查看数字办公 | 平台 QA 待执行 |
| 完整清单 | 23 | APPLICATION_MANIFEST.csv | 下载 CSV | 含 SHA-256 |
| 母版整包 | 1 ZIP | HSKB_V13.2_Application_Templates_2026-08-27.zip | 下载 ZIP | 含应用、Logo、说明与生成器 |
index.html 即可离线浏览。网页不加载远程字体、脚本或图片。V13.2 设计令牌位于 assets/tokens/,23 个应用母版位于 assets/applications/,完整字段与 SHA-256 位于 APPLICATION_MANIFEST.csv,使用说明与改进记录位于 docs/。10 / Improvement roadmap
以下路线将“立即可执行”与“未来概念探索”分开,避免为了新鲜感不断换标,也避免把未经验证的概念误当生产资产。
在不动 Logo 的前提下完成 23 个信纸、名片、证书、海报、Backdrop、导视与数字办公可编辑 SVG,并加入应用清单和自动校验。
根据真实供应商和内容责任人补齐打样后 PDF/X、CMYK / 专色、完整 PPT、Word 信纸、HTML 邮件签名、证书验证与材料样。
只在真实测试证明问题后探索:H 开口在 16–32px 的闭合风险、中英文字标重量平衡、符号独特性与空间导视识别。任何结果必须另存新版本。