Brand Board Standard
此技能确保每个品牌看板都使用相同的章节框架,从而使不同品牌(不同角色、颜色、语调)也能以统一的方式进行对比、审查和交接。
此标准源自对4个参考看板(Pawang.dev、DukunKode、Gus Kode、Ning Kode)的分析。每个看板在不同方面表现优异,因此本标准融合了各自的最佳实践。各章节的完整规范请参见 references/section-spec.md。
为什么需要这个标准
没有固定的框架,新的看板往往会遗漏当时未想到的章节(例如深色Logo版本、代码字体、错误状态下的微文案)。结果导致其他团队无法一致地使用该品牌。固定的框架迫使每个品牌都需回答相同的问题。
选择范围:分层或完整
有两种范围。默认为分层。 仅在用户明确要求时才使用完整范围(例如“完整模式”、“所有章节”、“full”、“全部填充”)。如果用户未提及任何信息,则使用分层范围且无需询问。
| 分层(默认) | 完整 | |
|---|---|---|
| 层级1(7个章节) | 必需 | 必需 |
| 层级2(7个章节) | 仅当品牌拥有该元素时 | 必需,若品牌没有则使用最简版本 |
| 层级3(2个章节) | 仅当相关时 | 必需,若不相关则使用最简版本 |
| 跳过的章节 | 记录原因 | 无 |
| 适用场景 | 已拥有明确品牌标识的品牌、简洁看板 | 跨品牌的统一模板、全面文档 |
在完整范围下,每个章节都有“最简版本”(参见 references/section-spec.md),以避免强制填充的感觉:其内容源自Logo、标语和业务领域,而非编造不匹配的元素。完全由衍生内容构成的章节,在章节标题处标注一次 [ASUMSI],而不是逐行标注(参见下方的标注规则)。
三种工作模式
从用户请求中确定模式,然后遵循相应流程。范围(分层/完整)适用于所有三种模式。
模式A:创建新的品牌看板
- 收集最小简报。 先检查对话中已有的信息,不要重复询问。需要的信息:
- 品牌名称和标语(或三大价值支柱)
- 业务领域和目标受众
- 角色/语调(例如温馨、神秘、正式)以及文化概念或吉祥物(如果有)
- 配色偏好(可选,可提出建议) 如果简报不足,最多一次性询问3个问题,其余内容基于明确标注的假设填写。
- 确定范围(默认为分层),若为分层,选择相关的层级2/3章节。
- 生成品牌规范,使用
assets/brand-spec-template.md。这是一个Markdown文档,用于填充每个章节,并作为唯一真实来源。 - 生成图像提示(每个看板一个提示),源自品牌规范,遵循
references/section-spec.md中的“画布布局”。Claude不自行绘制看板,因此用户可在其选择的图像生成工具中使用此提示。 - 执行QA检查清单,然后再交付结果。
模式B:审计现有看板
- 将看板内容映射到标准章节列表(16个章节)。若无特殊要求,按分层范围评估;若用户要求完整,则所有16个章节均视为必需。
- 生成表格:章节、状态(✅ 完整 / ⚠️ 部分 / ❌ 缺失)以及具体缺失备注(例如“排版缺少代码字体”)。
- 按优先级排序发现:先缺失的层级1,然后是内容完整性,最后是层级2和3。
- 提供创建补丁品牌规范以填补空缺的建议。
模式C:对齐多个看板
对每个看板执行模式B,展示对比矩阵,然后为每个看板建议需要添加的章节。
标准结构(概览)
保持此顺序和编号不变。不要在不同品牌之间更改它们,以便读者始终知道在哪里查找内容。一个章节 = 一个主题,不合并章节。
层级1:所有看板必需,两种范围下均需
| # | 章节 | 最低内容 |
|---|---|---|
| 1 | 英雄区 | 主Logo、标语、主要插画/视觉效果、一句陪衬语、三大支柱 |
| 2 | Logo变体 | 横向、纵向、图标/应用图标、极简、深色版本、favicon |
| 3 | 配色板 | 至少4种颜色;每种颜色有名称、hex和角色 |
| 4 | 排版 | 3个角色:标题、正文、代码/技术;每个字体有用法标签和示例 |
| 5 | 语言风格 | 语调描述、引用示例、按UI上下文的微文案、原则清单 |
| 6 | 应用示例 | 至少3个真实场景 |
| 7 | 页脚 | 小Logo、一行描述、三大支柱或标语 |
层级2:分层范围下按条件出现,完整范围下必需
| # | 章节 | 分层范围下的条件 |
|---|---|---|
| 8 | 哲学 | 品牌基于故事或定位销售 |
| 9 | 品牌价值 | 品牌有向受众传达的价值 |
| 10 | 吉祥物 | 品牌拥有角色 |
| 11 | 图标集 | 品牌使用自有的图标集 |
| 12 | 视觉元素 | 品牌使用装饰或文化图案 |
| 13 | 背景图案 | 品牌使用背景图案 |
| 14 | 附加资产 | 有支持性财产 |
层级3:业务模块,分层范围下可选,完整范围下必需
| # | 章节 | 分层范围下的条件 |
|---|---|---|
| 15 | 服务 | 品牌销售命名服务/产品 |
| 16 | 套餐 | 服务有套餐 |
品牌规范编写规则
- 使用Markdown。如需显示流程或层级,使用Mermaid图表。不要建议使用CSV作为数据源,因为Markdown作为唯一真实来源已足够。
- 使用用户使用的语言编写(默认印度尼西亚语)。技术术语保持原样(hex、favicon、microcopy)。
- 保留参考看板中的章节名称:“Palet Warna”、“Tipografi”、“Gaya Bahasa”、“Contoh Penerapan”、“Variasi Logo”。
- 每种颜色值写作
#RRGGBB。每个字体用确切名称和角色书写。 - 在调色板角色列中,注明正文安全文本-背景颜色对(目标对比度至少4.5:1)。
- 不要编造用户未提供的商业事实(价格、服务名称、声明)。如必须填写,标记为
[ASUMSI],以便于查找和确认。 [ASUMSI]标注规则: 如果整个章节的内容均为衍生或最简版本,则在章节级别标注,放在标题中(例如:### 10. Maskot [ASUMSI])。仅对章节中其他内容来自用户或简报的某个特定事实,进行行或句子级别的标注(例如:确认邮件中的“在1个工作日内”承诺,或一个尚未获批的服务名称)。对于标题已标注的章节,不要对表格中的每一行进行标注。最终总结只需列出标注的章节和标注的特定事实。- 若品牌使用文化或宗教元素(蜡染、kawung、徽章、宗教术语),保持尊重且不贬低。如有疑问,请询问,不要假设。
图像提示格式
图像提示必须独立(可直接粘贴使用)并包含,按顺序:画布格式、插画风格、包含内容的章节列表、带hex的调色板,以及禁止项(例如“无随机文本”、“文本必须可读”)。
两种不同的顺序,不要混淆:
- 品牌规范遵循章节编号顺序(1、2、3、... 16)。
- 图像提示遵循画布布局顺序,即从上到下一行接一行:1、2、10、14、11、12、3、4、5、6、13、8、9、15、16,然后7(页脚)放在最后。在分层范围下,跳过的编号不写,并保持其余顺序不变。
- 在提示中为每个章节添加标准编号前缀(例如:
[10] Maskot: ...),以便即使顺序与编号不同也能清楚指明是哪个章节。准确写出所有需要在图像中出现的文本,因为模型在未指定文本时容易拼错。
建议用户将生成的图像视为视觉草稿,并以Markdown品牌规范作为hex、字体名称和文案的唯一真实来源。
交付前QA检查清单
- 使用的范围(分层/完整)在品牌规范开头注明
- 所有7个层级1章节均存在且满足最低内容要求
- 每种颜色都有名称、hex和角色
- 排版包含代码字体和每个字体的用法标签
- 存在深色Logo版本和favicon
- 语言风格包含至少以下场景的微文案:英雄区、CTA、加载、成功、错误404、确认邮件
- 章节顺序和编号符合标准
- 完整范围:16个章节全部填充,无空白
- 分层范围:跳过的章节记录原因
- 假设按规则标注:整个章节衍生时在标题标注,仅单个事实时行级别标注;已标注的章节内无重复标注
- 最终总结列出标注的章节和事实
回复用户格式
以结果(品牌规范或审计表格)开头,然后以简短的假设列表和需要确认的事项结尾。如果规范已存在文件中,不要在聊天中重复其内容。