# Hearem Brand Kit
> 定稿日期：2026-08-31
> 本页记录当前可公开使用的 Hearem 品牌资产和使用规则。它沿用已经随 App 发布的耳形符号，
> 不构成新的 Logo 设计或商标权结论。
## 品牌基础
| 项目 | 中文 | English |
| --- | --- | --- |
| 品牌名 | Hearem | Hearem |
| Tagline | 少盯屏幕，多留一点空间。 | Less screen. More room. |
| 公开 Founder | Eddie Go，Founder of Hearem | Eddie Go, Founder of Hearem |
| 品牌简介 | Hearem 让文字内容更适合被听见。 | Hearem makes written content easier to listen to. |
## Logo 系统
品牌标识沿用当前 App Icon 与仓库 SVG 中的耳形符号。横版和竖版使用 `Hearem` 字标，
纯图形版只使用耳形符号。
### 可直接使用的 PNG
| 构图 | 浅色背景彩色 | 深色彩色（黑底） | 黑色 | 白色 |
| --- | --- | --- | --- | --- |
| 横版 | `hearem-horizontal-color.png` | `hearem-horizontal-dark-color.png` | `hearem-horizontal-black.png` | `hearem-horizontal-white.png` |
| 竖版 | `hearem-vertical-color.png` | `hearem-vertical-dark-color.png` | `hearem-vertical-black.png` | `hearem-vertical-white.png` |
| 纯图形 | `hearem-symbol-color.png` | `hearem-symbol-dark-color.png` | `hearem-symbol-black.png` | `hearem-symbol-white.png` |
文件位于 `website/assets/basic/brand-kit/ready/`。浅色背景彩色、黑色和白色版 PNG 带透明背景；
深色彩色版包含固定黑色底板，以保持当前 App Icon 的白色外线和绿色内线组合：
- 横版：2400×672
- 竖版：1200×1350
- 纯图形：1200×1200
### SVG 源文件
同名 SVG 位于 `website/assets/basic/brand-kit/source/`。字标使用系统无衬线字体；需要完全固定
字形的印刷交付时，优先使用已渲染 PNG，或在正式设计软件中将文字转为轮廓后再交付。
### 使用优先级
1. 页面页眉、横向广告和 Directory：优先使用横版。
2. 方形或居中构图：使用竖版。
3. App 图标、头像、小尺寸角标：使用纯图形版；App Store 提交仍使用正式 App Icon 文件。
4. 浅色背景：使用浅色背景彩色版或黑色版。
5. 黑色背景或需要延续 App Icon 识别时：优先使用深色彩色版，保留白色外线和绿色内线。
6. 其他深色背景、复杂照片或必须单色时：使用白色版；不要直接使用带深色外轮廓的浅色背景彩色版。
### 留白与最小尺寸
- 四周至少保留纯图形宽度的 `1/4` 作为安全留白。
- 纯图形数字端最小尺寸为 24 px；推荐 32 px 以上。
- 横版数字端最小宽度为 120 px。
- 不拉伸、不倾斜、不旋转、不加描边、阴影、渐变或动画。
- 不改变耳形符号内外两条曲线的比例、位置或线宽。
## 颜色
| 角色 | 色值 | 使用范围 |
| --- | --- | --- |
| Logo Green | `#30A46C` | 彩色 Logo 内部曲线；不要替换为官网紫色 |
| Ink | `#18191D` | 彩色 Logo 外部曲线、正文和深色品牌文字 |
| Paper | `#F8F8F5` | 浅色品牌背景 |
| UI Accent | `#665EF2` | 新版官网按钮、焦点和界面强调；不是 Logo 主色 |
| UI Accent Soft | `#E5E2FF` | 紫色强调的浅背景 |
| Muted | `#6D6E75` | 次要说明文字 |
| White | `#FFFFFF` | 深色背景上的 Logo 和文字 |
| App Icon Black | `#000000` | 深色彩色版的固定背景 |
Logo Green 来源于现有仓库 SVG；Ink、Paper、UI Accent、UI Accent Soft 和 Muted 来源于
当前新版官网变量。旧版官网仍有绿色主题变量，不应把两套界面颜色混成新的 Logo 配色。
## 字体
Hearem 不随 Brand Kit 重新分发字体文件。
- 英文和数字：SF Pro 或运行平台的系统无衬线字体；Windows 回退到 Segoe UI。
- 中文：PingFang SC；其他平台依次回退到 Hiragino Sans GB、Microsoft YaHei 和系统无衬线字体。
- Georgia / Songti SC 只作为官网编辑性标题的可选辅助字体，不用于 Logo 字标。
- 字标 PNG 已固定当前渲染外观；SVG 字标在不同系统上可能发生轻微字体回退差异。
## 背景规则
- 浅色纯色、浅灰或 Paper 背景：彩色版优先，黑色版用于单色场景。
- 黑色纯色背景：深色彩色版优先；它是当前 App Icon 的正式配色关系。
- 其他深色纯色或照片暗部：无法确保品牌绿对比度时使用白色版。
- 照片背景必须先确认完整 Logo 都有足够对比度；必要时使用独立纯色承载区。
- 不把 Logo 放在复杂纹理、人物面部或高频文字上。
- 白色 Logo 必须在深色预览底板上检查，交付文件本身保持透明；深色彩色版自带黑色底板。
## App Store Badge
资料库已归档用户于 2026-08-31 从 Apple 官方素材包下载并提供的 preferred black
`Download on the App Store` badge。英文和简体中文版均原样保存 SVG 与 EPS，不自行重绘、
翻译、变形或动画。
- 英文 SVG：`website/assets/basic/brand-kit/app-store-badges/en/source/download-on-the-app-store-en-preferred-black.svg`
- 英文 EPS：`website/assets/basic/brand-kit/app-store-badges/en/source/download-on-the-app-store-en-preferred-black.eps`
- 简体中文 SVG：`website/assets/basic/brand-kit/app-store-badges/zh/source/download-on-the-app-store-zh-hans-preferred-black.svg`
- 简体中文 EPS：`website/assets/basic/brand-kit/app-store-badges/zh/source/download-on-the-app-store-zh-hans-preferred-black.eps`
Apple 当前指南要求数字端最小高度 40 px，并要求四周保留至少 badge 高度 `1/4` 的留白；
空间极小时为 `1/10`。使用时仍须遵守 Apple Marketing Artwork License Agreement 和最新指南。
- 官方指南：
- 官方 Marketing Tools：
仓库只记录用户提供的官方文件，不据此推定或替代 Developer Program 授权代表应完成的协议、
账户和渠道合规确认。
## 总览与来源
- 可预览总览图：`website/assets/basic/brand-kit/ready/hearem-brand-kit-overview.png`
- 总览 SVG：`website/assets/basic/brand-kit/source/hearem-brand-kit-overview.svg`
- 当前 App Icon：`assets/images/icon.png`
- 历史符号 SVG：`assets/images/hearit-logo-white.svg`
- 新版官网颜色：`website/src/redesign.css`
- 网站字体回退：`website/src/styles.css`
## 权利边界
本 Brand Kit 是基于仓库中已经使用的 App Icon 和 SVG 制作的可交付变体。现有文件和 Git
历史能证明项目内使用情况，但不能单独证明原始设计权、委托关系或商标清查已经完成；相关状态
继续以 [`COMMERCIAL_USE_RIGHTS_REGISTER.md`](./COMMERCIAL_USE_RIGHTS_REGISTER.md) 为准。