HSKB Signal VI · 2026

一座清晰的港湾,
一枚可见的信号。

HSKB 是 Harbor · STEM · Kids · Builders。V13.2 不重绘 V13 母标,而是把标志、信纸、名片、双语证书、海报、Backdrop、导视与数字办公整理成一套真正可以执行和下载的应用系统。

当前生产母版:HSKB V13 Signal / 博格港湾 / Harbor Stem
23 个可编辑应用母版均机械嵌入正式 Logo;正文示例文字可替换,标志不可重排。

HSKB 红色 H 图形标志
H / Harbor / Open ChannelSignal Red · #FF4B3E

00 / Strategic verdict

优化的重点不是再画一个标志,而是让现有标志获得制度。

以专业身份系统的方法来看,V13 已经具备清晰概念与可记忆符号。当前重点不再是创造更多 Logo,而是让受控母标在纸品、礼仪、传播、活动空间与数字办公中保持同一套网格、尺寸和生产纪律。

01 / KEEP

保留 H 的核心几何

方形轮廓、中央连接与上下开放通道共同构成“港湾—连接—出发”的完整语义。它足够简单,能够承担 favicon、头像、导视和空间标记。

02 / DISCIPLINE

用留白取代装饰

标志的力量来自距离。与其增加渐变、口号、英文缩写或底框,不如扩大安全空间,减少同屏红色,并让母标在 Header 中达到足够的视觉尺寸。

03 / SYSTEM

把软硬对比变成资产

图形外角略带亲和,字标与版式更理性。应用界面应保持直角、细线与编辑式网格,让 H 成为系统里唯一带“柔度”的识别,而不是复制大量圆角卡片。

本轮决定

V13 继续作为唯一生产母版;V13.2 完成的是应用母版库、设计令牌、生产状态、资产清单与 QA。任何对图形开口、圆角、字重或字距的改动,必须另立 V14 探索项目并经过真实尺寸测试,不能直接覆盖 V13 文件。

网站与 VI 上线状态(2026-08-27)
触点状态判断V13.2 动作
Header / Footer / JSON-LDV13 已上线主站静态导出使用版本化正式母版。继续保留尺寸、安全空间与自动校验。
favicon / Apple / PWA / maskableV13 已同步数字图标矩阵由正式 symbol-red 机械导出。保持 16–512px 哈希与真实设备 QA。
主站静态页面与资源线上验收通过页面、资源、HTTPS、重定向、404 与下载均通过自动检查。后续更新继续执行相同发布前后校验。
VI 应用母版库V13.2 审阅版23 个 SVG 使用正式 Logo,并提供尺寸、状态和哈希。完成内容审批、供应商打样和生产格式后再标记 final。

01 / Brand foundation

给好奇心一座港湾,让创造力驶向未来。

HSKB 的识别不是“科技感”装饰,而是五种品牌气质的秩序化表达:可信、开放、进取、清晰、有人情味。

H / HARBOR

港湾

稳定边界为差异、探索和暂时停靠提供安全感。

OPEN CHANNEL

通道

上下切口保持开放,教育不是封闭容器,而是进入真实世界的入口。

CONNECTION

连接

左右力量通过中央关系相连,代表家庭、学校、大学、产业与城市共同建设。

SIGNAL

被看见

Signal Red 代表行动与回应:每一种天赋都应被发现、支持并点亮。

STEM

实践

科学与工程不是表面语言,而是通过项目、证据和真实成果发生。

BUILDERS

共同建设

学生不是被动接受者;他们与导师、伙伴和城市一起构建未来。

03 / Colour system

中性色建立品质,Signal Red 建立记忆。

典型版面采用 85–90% 中性色和 10–15% Signal Red。每个 viewport 只给红色一个主要任务:标志、主要行动、关键数字或章节信号。

Signal Red#FF4B3E

品牌标志、主行动、关键数字或单一信号。

True Black#0B0B0D

正文、深色底和正式生产。

Harbor Paper#F4F1EA

品牌主底色、纸品与网页背景。

Pure White#FFFFFF

反白文字、留白与白底应用。

Graphite#4B4B4F

次级说明、数据标签与辅助文字。

Soft Rule#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 中的中文字形与英文字形已经转为轮廓,不依赖本机字体。品牌排版使用克制的无衬线体系,靠字号、字重、行距和留白形成层级。

CHINESE / CJK

思源黑体
Noto Sans SC

标题 600–700,正文 400–500。展示标题行高 0.98–1.12;正文行高 1.65–1.85。中文正文左对齐,不使用两端强制对齐。

LATIN / ENGLISH

Univers 65 Bold
Univers 55 Roman

仅在取得对应媒介授权时使用 Univers。没有 Web 授权时使用 Arial、Helvetica Neue、Noto Sans SC、sans-serif;不要把桌面 TTF 上传到网站。

让每一种天赋
被看见、被支持、
被点亮。

给好奇心一座港湾,让创造力驶向未来。清楚、具体、有证据;面向家长和学生保持温度,面向政府、学校和企业保持克制与可验证性。

05 / Layout system

像建筑一样清楚,像编辑设计一样有节奏。

桌面 12 栏、平板 8 栏、手机 4 栏。使用共同边线、宽留白和非对称平衡;不要依赖圆角、阴影、渐变、玻璃效果或漂浮卡片制造层级。

010203040506070809101112
018px
0216px
0324px
0432px
0648px
0864px
1296px
16128px
01

一个屏幕,一个信号

大标题、照片、关键数字或红色行动只能有一个成为最强元素。

02

左对齐优先

标题、正文和中英信息共享左边线;居中只用于短句、数字或紧凑礼仪组合。

03

直角与细线

卡片共用边线;默认圆角为 0,结构线通常为 1px Soft Rule,信号线为 4–8px。

06 / Imagery

真实关系,比“科技感”更有说服力。

优先展示青少年与教师、导师、城市、工具和真实问题之间的行动关系。一个项目选择一种处理:自然全彩或中性黑白;不要混用多套滤镜。

青少年在深圳科技场景中协作探索的概念画面
AI 概念视觉|非真实活动现场

07 / Digital application

网站不是给 Logo 加效果,而是为它建立安静的舞台。

Header 的 Logo 与总高度必须成对定义:建议桌面 205/96px、平板 180/84px、手机 160/76px,以同时满足完整母标下限和约 0.5H 垂直净空。空间确实不足时才切换独立图形,并保留可访问名称。

博格港湾 Harbor Stem申请共建

让少年成为
未来的创造者。

一个主要标题、一个主要行动、一张真实或明确标注的概念影像。Signal Red 只承担一个可见信号。

Header
完整母标 205px / 高度 96px

Layout
5:7 文图关系 / 共用边线

Colour
黑、暖白、红;一屏一个红色任务

HSKB 标准母标
合作伙伴标志
等视觉高度,双方至少相隔 0.75H

07.1 / Chinese horizontal lockup

左侧 Signal Red,右侧“博格港湾”。这就是正式中文锁定式。

用户指定的横向中文组合已经存在于 V13 正式资产中。所有中文纸品、名片、证书、海报与空间应用直接使用该 SVG;不得用字体重打、挪动字标或另建近似版本。

左侧红色 H 图形与右侧中文博格港湾组成的正式横向标识

07.2 / Professional stationery

专业信纸的价值,在于信息秩序与纸面呼吸。

A4 首页、英文版、续页、DL 信封与 A5 问候卡共享 18mm 左边线、安静页脚和单一红色信号。正文约 10pt,联系信息约 6.5–7.5pt;日常纸与重要函件纸分开管理。

23 SVG REVIEW MASTERS RGB / 打样前 正文可编辑 Logo 几何锁定
HSKB 中文 A4 信纸模板

STATIONERY / 01

中文 A4 信纸

中文横向母标置左上;编号、主题、正文、签署和页脚均有固定区域。适合正式函件、学校沟通与合作备忘。

SIZE210 × 297mm
MARGIN18mm 主边线
LOGOChinese · 48mm
HSKB English A4 letterhead template

STATIONERY / 02

English A4 Letterhead

英文版使用正式 English lockup,并以自然英文建立独立信函层级;不会把中文版机械翻译后塞进同一页。

SIZE210 × 297mm
BODY10pt equivalent
LOGOEnglish · 48mm
HSKB A4 信纸续页模板

STATIONERY / 03

A4 续页

保留首页正文网格,以小型 Signal 图形、引用编号和页码维持连续性,减少多页函件中 Logo 的重复占位。

SIZE210 × 297mm
HEADERSymbol · 10mm
USEPage 02+
HSKB DL 信封模板

STATIONERY / 04

DL 信封

寄件区与收件区分开,并为邮资、窗口和供应商刀模保留空间;最终生产需按邮政与印厂要求校核。

SIZE220 × 110mm
BLEED3mm concept
LOGOChinese · 42mm
HSKB 中英问候卡模板

STATIONERY / 05

中英问候卡 / Compliments Slip

A5 横版以双语母标、手写留白和克制联系信息形成礼貌、有人情味的纸品。建议使用可书写的暖白无涂布纸。

SIZE210 × 148.5mm
PAPERWarm white uncoated
LOGOPrimary · 48mm
材料建议

日常信纸优先普通高白或自然白打印纸;董事、合作签署或重要函件可另用 100–120gsm 暖白无涂布纸。任何压凸、专色红或高级纸张都必须先看实物样,不把“昂贵工艺”当作版式的替代品。

07.3 / Business cards

名片只保留真正需要交换的信息。

中文、英文与深色双语背面构成一套系统。85 × 55mm、3.5–5mm 信息净空、最多两个电话号码;长职务与资格信息有明确降级顺序,不挤压 Logo 安全空间。

HSKB 中文名片正面模板

BUSINESS CARD / ZH

中文正面

正式中文横向母标、姓名、职务、部门和两种联系方式共享左边线;右侧红色细条只承担一个信号。

SIZE85 × 55mm
STOCK350gsm uncoated
LOGOChinese · 42mm
HSKB English business card front template

BUSINESS CARD / EN

English Front

英文单语言母标与姓名信息采用相同模块,不临时拼接中文或缩写,方便国际交流与长英文职务。

SIZE85 × 55mm
TYPE9.5 / 8 / 6.5pt
LOGOEnglish · 42mm
HSKB 名片双语深色背面模板

BUSINESS CARD / REVERSE

双语深色背面

True Black 背面使用正式 reversed 双语母标。可选无色压凸必须先做纸张测试;不得给 Logo 加金色、阴影或近似红。

FIELDTrue Black
FINISHBlind emboss optional
LOGOReversed · 58mm
名片信息优先级
层级内容规则过长时处理
01姓名 / Name最高识别层级不得缩小到低于约 9.5pt
02职务、部门 / Title可分两行,保持左对齐先移动部门到下一行
03电话最多直线与手机各一移除传真或非必要总机
04邮箱、网站保留可直接联系字段不用社交账号堆叠

07.4 / Certificates & credentials

中文、英文、双语证书各自清楚,不靠假徽章制造权威。

三套 A4 横版证书共享编号、姓名、项目、日期、签署与验证字段。正式感来自母标、精确边线、纸张和可验证信息;HSKB 当前没有批准的校章,因此不凭空创造印章、金色丝带或政府背书。

HSKB 中文结业证书模板

CERTIFICATE / ZH

中文结业证书

中文母标、中文标题和自然中文证书文案;保留编号、签署、日期及短网址或验证二维码区域。

SIZEA4 landscape
SAFE18–22mm
LOGOChinese · 54mm
HSKB English certificate template

CERTIFICATE / EN

English Certificate

使用 English lockup 与自然英文表述,适合国际项目或英文受众;不把中文行机械缩小后并入。

SIZEA4 landscape
TYPEEditable English
LOGOEnglish · 54mm
HSKB 中英双语证书模板

CERTIFICATE / BILINGUAL

中英双语证书

仅在真实需要两种语言同页时使用;信息密度受限,正文控制在一行中英说明,合作方另设受控 Logo 区,不拼进 HSKB 母标。

SIZE297 × 210mm
VERIFYNo. + short URL / QR
LOGOPrimary · 54mm
HSKB 项目与影响报告封面模板

CREDENTIALS / REPORT

项目与影响报告封面

以一个红色信号、一个年份和一个主标题建立证据导向的正式封面;任何成果数字必须先有可核验来源。

SIZEA4 portrait
STATUSReview master
LOGOPrimary · 52mm
HSKB 中英活动胸卡模板

CREDENTIALS / BADGE

活动胸卡

姓名、英文名、角色、活动和权限字段清楚分层。二维码不直接编码敏感个人资料,需遵守活动隐私规则。

SIZE90 × 120mm
BLEED3mm
LOGOChinese · 52mm
证书治理

上线前必须确定证书类型(Achievement、Completion 或 Participation)、颁发主体、签署权限、编号规则、验证方式和合作方角色。实体与数字证书应使用同一字段结构;没有授权时不得使用“官方”“认证”“学位”等可能误导的词。

07.5 / Editorial & campaign

海报可以有力量,但一张只表达一个观点。

A2 印刷海报与 1080 × 1350 数字海报共享中文锁定式、大标题、一个影像区和一个红色信号。A3/A1/A0 可按同一比例扩展,但必须重新校核字号、出血和观看距离。

HSKB A2 活动海报模板

CAMPAIGN / PRINT

A2 编辑式海报

大标题与影像区形成不对称平衡;照片只能替换指定区域,并使用真实授权影像或明确标注的概念视觉。

SIZE420 × 594mm
BLEED3mm concept
GRID12-column logic
HSKB 1080 x 1350 社交海报模板

CAMPAIGN / SOCIAL

4:5 社交海报

适配主流信息流的 1080 × 1350 画布;72px 安全边距,标题、图像和主要行动在平台裁切后仍保持完整。

SIZE1080 × 1350px
SAFE72px
EXPORTPNG / WebP after QA
01 / MESSAGE

一个主张

主标题、照片、Logo 和按钮不能同时争夺第一层级。

02 / IMAGE

一个影像规则

同一项目选择自然全彩或中性黑白,不混用滤镜。

03 / SIGNAL

一个红色任务

Signal Red 用于标志、关键编号或主行动中的一个。

04 / EVIDENCE

先有证据

不使用成绩保证、未确认合作或虚构项目结果。

07.6 / Event & environment

主舞台、LED、拍照墙与导视必须是四个不同任务。

Backdrop 不等于重复 Logo 墙。主舞台承载主题;LED 解决亮度与裁切;媒体墙建立合作方重复网格;Roll-up 与导视服务近距离信息和行动路径。

HSKB 6 x 3 米主舞台 Backdrop 模板

ENVIRONMENT / STAGE

6 × 3m 主舞台 Backdrop

中文锁定式位于视线以上,标题和活动信息保持远距离可读,底部 15% 作为人物、桌椅和摄影遮挡安全区。

RATIO6000 × 3000
SAFE300px + people zone
QR远距离不使用
HSKB 16 比 9 LED 舞台背景模板

ENVIRONMENT / LED

16:9 LED 主屏

深色高对比版本只使用 reversed 双语母标;安装后必须实测黑位、Signal Red 色偏和边缘裁切。

SIZE1920 × 1080px
SAFE100px
LOGOReversed
HSKB 媒体拍照墙模板

ENVIRONMENT / MEDIA WALL

媒体拍照墙

HSKB 与合作方按视觉高度而非文件边界平衡;所有合作 Logo、角色和重复次数必须经过书面确认。

SIZE3000 × 2000
GRID5 × 4 repeat
ROLEPartner approval
HSKB 800 x 2000 展架模板

ENVIRONMENT / ROLL-UP

800 × 2000 展架

近距离展架允许使用短网址或二维码,但必须同时保留可读文字;底部预留供应商五金与裁切区。

SIZE800 × 2000
DISTANCE1–3m
HARDWARESupplier check
HSKB 中英导视牌模板

ENVIRONMENT / WAYFINDING

中英方向牌

独立 H 图形、目的地与箭头形成最短读取路径;最终字高必须按观看距离、材质与照明进行现场测试。

SIZE1200 × 400 concept
TYPECN + EN
TESTDistance + material

07.7 / Digital office

PPT、邮件签名与虚拟背景共享同一条安静的左边线。

数字办公不是把 Logo 放大到每一页。封面可以建立仪式感;内容页应降低 Logo 存在感;邮件联系信息必须保留为 HTML 文字;虚拟背景要为人物和镜像显示留出空间。

HSKB 16 比 9 演示文稿封面模板

DIGITAL OFFICE / PRESENTATION

16:9 演示封面

一个标题、一个简短说明和一个正式 reversed 母标。普通内容页不重复大型 Logo;正文建议至少 20pt,注释至少 12pt。

SIZE1920 × 1080px
GRID12 columns
LOGOReversed · cover only
HSKB 邮件签名视觉规格

DIGITAL OFFICE / EMAIL

邮件签名视觉规格

页面只是视觉说明;生产时 Logo 使用图片,姓名、职务、电话、邮箱和法律文字必须重建为可访问 HTML,不把整块签名烘成图片。

MAX640 × 180px
TEXTHTML live text
LOGOChinese · image
HSKB 线上会议虚拟背景模板

DIGITAL OFFICE / VIRTUAL

线上会议背景

人物所在中部保持空白,Logo 位于左上,口号置底;在 Teams、Zoom 或腾讯会议中分别检查镜像与裁切。

SIZE1920 × 1080px
SAFESpeaker centre
QAMirror + crop

07.8 / Production control

现在是可编辑审阅母版;打样之后才是生产文件。

所有新应用均为 sRGB SVG,用于设计审阅、内容替换和供应商沟通。CMYK、专色红、PDF/X、ICC、出血、刀模与材料参数必须由最终印刷或制作供应商确认并实物打样。

01 / SOURCE

Logo 锁定

模板机械嵌入 V13 正式路径;正文可编辑,Logo 内部 path 不可修改。

02 / COLOUR

专色待确认

Signal Red 数字值固定为 #FF4B3E;印刷转换需供应商 proof,不凭屏幕猜 CMYK。

03 / BLEED

按工艺重设

常规纸品概念出血 3mm;大幅面、信封、证卡和五金区按最终刀模处理。

04 / HANDOFF

完整交接

提供 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。

Logo 资产矩阵
场景首选文件SVGPNG说明
浅色背景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国际或英文环境
头像 / Faviconhskb-v13-symbol-red下载 SVG下载 PNG24px 以上;浅色背景
深色小图标hskb-v13-symbol-white下载 SVG下载 PNG深色背景与单白生产
单黑小图标hskb-v13-symbol-black下载 SVG下载 PNG单色文档与制作
批准的单红制作hskb-v13-signal-red下载 SVG下载 PNG限制使用,不作为常规母标
数字图标与 manifest
场景文件尺寸下载说明
现代浏览器 faviconhskb-v13-favicon.svgVector下载 SVG与正式 symbol-red 哈希一致
传统浏览器 faviconhskb-v13-favicon.ico16/32/48/64下载 ICO四个 PNG frame
Apple Touchhskb-v13-apple-touch-icon.png180×180下载 PNGHarbor Paper 不透明底
PWAhskb-v13-icon-192.png192×192下载 PNGpurpose: any
PWAhskb-v13-icon-512.png512×512下载 PNGpurpose: any
PWA Maskablehskb-v13-icon-maskable-512.png512×512下载 PNGH 缩入安全裁切区
Manifest 示例site.webmanifestJSON下载 manifest部署时按真实根路径调整
V13.2 应用母版库
类别数量代表文件下载入口状态
信纸与文具5hskb-letterhead-zh-a4.svg查看文具系统sRGB 审阅母版
名片3hskb-business-card-zh-front.svg查看名片系统3mm 概念出血
证书、报告、胸卡5hskb-certificate-en-a4-landscape.svg查看证书系统内容与授权待确认
海报与社交2hskb-poster-a2.svg查看传播系统影像需授权
活动与空间5hskb-backdrop-stage-6000x3000.svg查看空间系统按现场与供应商重设
数字办公3hskb-presentation-cover-1920x1080.svg查看数字办公平台 QA 待执行
完整清单23APPLICATION_MANIFEST.csv下载 CSV含 SHA-256
母版整包1 ZIPHSKB_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

现在完善系统;未来如需重画,先验证问题。

以下路线将“立即可执行”与“未来概念探索”分开,避免为了新鲜感不断换标,也避免把未经验证的概念误当生产资产。

V13.2 / NOW

应用母版库

在不动 Logo 的前提下完成 23 个信纸、名片、证书、海报、Backdrop、导视与数字办公可编辑 SVG,并加入应用清单和自动校验。

V13.3 / NEXT

生产与办公格式

根据真实供应商和内容责任人补齐打样后 PDF/X、CMYK / 专色、完整 PPT、Word 信纸、HTML 邮件签名、证书验证与材料样。

V14 / RESEARCH ONLY

光学校正研究

只在真实测试证明问题后探索:H 开口在 16–32px 的闭合风险、中英文字标重量平衡、符号独特性与空间导视识别。任何结果必须另存新版本。