品牌视觉规范

解决什么问题

在网页、PPT、Word 文档和海报之间来回切换时，品牌视觉很难保持一致。标题字号随意、正文字体混用、按钮和分隔线的颜色每次都不同，这些细节累积起来会让整套产物显得零散、不专业。

这个技能要解决的是：让模型在生成设计类产物时自动套用一套固定的品牌色板和字体规范，而不需要用户每次逐项指定颜色和字号。

如何工作

整个技能围绕四个步骤展开。

第一步是确认品牌资产。 如果用户已经提供了自有品牌色、字体或 logo，技能会以用户提供的资产为准；如果没有，则回退到内置的默认规范。这意味着同一套逻辑既可以服务新团队，也可以直接套用到已有品牌体系上。

第二步是应用颜色。 默认色板包含四个基础色：

• 深色 #141413，用于主文本和深色背景
• 浅色 #faf9f5，用于浅背景以及深底上的文字
• 中灰 #b0aea5，用于次级元素
• 浅灰 #e8e6dc，用于微妙背景

点缀色有三个，按顺序循环使用在非文字形状上：橙色 #d97757、蓝色 #6a9bcc、绿色 #788c5d。色块、线条、图标等形状交替使用这三种颜色，既能保持视觉活力，又不会破坏品牌整体感。

第三步是应用字体。 标题使用 Poppins，正文使用 Lora，并分别以 Arial 和 Georgia 作为兜底。当运行环境缺少指定字体时，会自动回退到系统字体，保证可读性不受影响。

第四步是智能着色。 技能会根据背景明暗自动选择文字颜色，深色背景上用浅色字，浅色背景上用深色字，不需要额外手动判断。

输出结构分为两部分：一个 BrandStyle 结构化工件，包含色值 hex、字体名和应用对象；以及一段应用说明，解释在产物中哪些元素使用了哪种颜色和字体、回退策略是什么。

适用边界

这个技能适用于需要品牌视觉一致性的场景：网页、PPT、Word、PDF、海报、SVG 等。当用户提到"按我们公司风格"或"用品牌色"时，默认应该启用这套规范。

它不适合艺术化、非品牌化的原创设计。如果需求是自由表达、实验性视觉或者客户明确要求跳出品牌框架，应该走另一条路线，比如 canvas-design 或 theme-factory。