brand-style-guide

品牌风格指南

记录品牌体系，确保他人能够准确无误地使用。这份文档的生命周期最长，设计师、开发者、代理商和供应商会在未来多年参考它。应将其构建成参考手册，而不是演示文稿。

此技能假设品牌形象已完成设计（如果尚未设计，请先运行 brand-identity）。此技能的输出是权威参考文档。

---

适用场景

• 为已完成的品牌形象制定品牌指南
• 为尚无正式指南的现有品牌编写文档
• 审查现有风格指南，找出缺漏或不一致之处
• 编写品牌手册，交付给供应商、合作伙伴或新团队成员
• 品牌重大演进后更新指南

不适用场景

• 品牌形象尚未设计（使用 brand-identity）
• 专门制定品牌声音（使用 brand-voice 编写声音文档，然后整合）
• 构建 UI 组件（使用 design-standards 或 design-system）

---

必需输入

• 已完成的品牌形象（标志、颜色、字体、图像方向、动效原则）
• 品牌声音与语气文档（或足以撰写声音章节的输入）
• 展示品牌在真实场景中应用的示例
• 关于哪些内容为强制、灵活或禁止的决定

---

框架：8 个章节

完整的风格指南包含 8 个章节。大多数指南会跳过其中 2 或 3 个，导致后续产生困惑。应从一开始就构建全部 8 个章节。

1. 品牌故事

品牌背后的叙事：品牌为何存在、代表什么、拒绝什么。

• 起源／创立故事
• 使命与愿景
• 价值观（3 至 5 项，并说明各自的实际含义）
• 定位陈述
• 受众（具体程度应与简报保持一致）
• 我们不是什么（明确拒绝的事物）

2. 标志体系

标志的所有变体及其使用规则。

• 主标志（附展示各部分关系的构造网格）
• 文字标志
• 符号／字形
• 组合形式变体（横排、竖排等）
• 字母组合（如属于体系的一部分）
• 安全空间规则（标志周围的最小间距）
• 最小尺寸（印刷和数字应用中可接受的最小尺寸）
• 可接受的配色处理（全彩、单色、镂空、反白）
• 禁止的处理方式（拉伸、旋转、重新着色、投影、渐变等）
• 文件格式及获取位置

3. 色彩

完整的色彩体系及使用规则。

• 主色板（品牌标志色）
• 辅助色板
• 中性色阶
• 语义色（成功、警告、错误、信息）
• 浅色模式和深色模式变体
• 每种颜色：hex、RGB、HSL、CMYK、Pantone（如适用于印刷）
• 记录对比度
• 允许的配色组合
• 禁止的配色组合
• 使用层级（主色优先，辅助色用于衬托，中性色占主导）

4. 字体

完整的字体体系。

• 展示字体（附示例字号）
• 正文字体（附示例字号）
• 等宽字体（如适用）
• 字号比例尺（具体使用字号）
• 字重和样式用法（不同场景使用哪些字重）
• 行高比例
• 字间距标准
• Web 后备字体栈
• 适用于许可受限场景的开源替代字体
• 禁止的处理方式（过度使用全大写、伪斜体等）

5. 图像与插画

说明品牌视觉中的图片风格。

• 摄影方向及示例素材库
• 插画风格及示例素材库
• 图标体系及完整图标集（或新增图标的规则）
• 禁止使用的图像（陈词滥调的图库照片、绝不展示的特定事物）
• 照片处理规则（色彩处理、裁剪、构图）

6. 声音与语气

品牌听起来是什么样的。（如已单独完成 brand-voice 工作，则取自该成果。）

• 声音特征（3 至 5 个形容词，以“我们是 X，而不是 Y”的方式表述）
• 不同场景下的语气变化（引导、错误、营销、支持、法律）
• 词汇偏好（使用的词语、避免的词语）
• 语法和文体规则
• 示例（并列展示好的文案与不好的文案）

7. 应用

品牌在实际场景中的应用。

• 网页（首页、产品页面、博客模板）
• 电子邮件（模板、签名、事务性邮件）
• 社交媒体（帖子模板、个人资料图片、故事格式）
• 印刷品（名片、信笺、印刷广告）
• 包装（如适用）
• 标识（如适用）
• 内部文档（幻灯片、报告、提案）
• 每项都附有示例，展示正确的做法

8. 应做事项与禁忌

明确边界，并配有示例。

• Logo 的应做事项与禁忌（正确和错误用法的视觉示例）
• 颜色的应做事项与禁忌（推荐使用和应避免的配色）
• 字体的应做事项与禁忌（推荐和应避免的处理方式）
• 构图的应做事项与禁忌（有效和无效的版式模式）
• 语气的应做事项与禁忌（契合和不契合的措辞）

应做事项与禁忌这一部分是人们在实际工作中真正会查阅的内容。让它最便于快速浏览。

---

工作流

1. 盘点输入材料。 哪些品牌识别工作已经完成？哪些语气相关工作已经完成？还缺少什么？
2. 确认格式。 这是 PDF、网页、Notion 文档、印刷书籍，还是以上全部？不同格式有不同的制作要求。
3. 按章节逐一撰写。 使用 references/style-guide-template.md 中的模板。
4. 用真实示例进行压力测试。 为每条规则找到一个实际应用示例。没有示例的规则会被忽略。
5. 请实际使用者审阅。 设计师、开发人员和营销人员都能发现问题。
6. 进行版本控制。 风格指南会不断演进。标注文档日期，并记录每个版本的变更。
7. 以团队实际会打开的格式发布。 存放在共享云盘上、长达 200 页的 PDF 毫无用处。带有明确 URL 的网页或 Figma 文件才会真正得到使用。

---

常见失败模式

• 跳过“我们不是什么”相关章节。 没有明确的排除规则，任何做法都可能变得可以接受。
• 文档没有示例。 没有视觉示例的规则过于抽象，会被忽略。
• 文档只有示例。 没有规则的示例无法应用于新情况。
• 制作无人打开的静态 PDF。 以团队日常使用的格式发布指南（网页、Figma、Notion 等）。
• 没有版本历史。 品牌发展变化后，无人知道规则何时发生了哪些变化。
• 制定不切实际的规则。 品牌实际并未遵循的规则会被当作建议。记录实际情况，而不是理想情况。
• 把“应做事项与禁忌”当作凑数内容。 这是人们最常使用的部分，要在这里投入精力。

---

输出格式

默认输出为多章节 Markdown 文档或一组结构化文件，另附一份适合演示的版本（网页、PDF 或 Figma），用于与利益相关者分享。

建议结构：

brand/
  style-guide.md          (the canonical document)
  story.md                (or as a section)
  logo/
    construction.md
    files/                (SVG, PNG, etc.)
  colors.md
  typography.md
  imagery/
    photography.md
    illustration.md
    icons/
      icons.md
      files/
  voice.md
  applications/
    web.md
    email.md
    social.md
    print.md
  dos-and-donts.md

面向消费者展示时，构建一个从这些源文件导入内容的网页版本。源文件是权威版本，展示页面只是它们的呈现形式。

---

参考文件

• references/style-guide-template.md - 可逐章节填写的模板。
• references/maintenance-playbook.md - 发布后如何保持指南更新。