brandfy-identidade-visual

定义视觉识别

操作流程

• **计划与进度：**规划参考资料、视觉方向、原型和选择。
• **事实来源：**阅读策略、品牌声音、BRAND.md、CHROMATIC.md、 .brandfy/mvp-context.json、.brandfy/asset-brief.md、 .brandfy/interview-summary.md、当前素材以及 visual-system.md。
• **范围与幂等性：**保留来源明确的参考资料，探索期间不要替换已获批的素材。
• **验证：**在真实应用中测试每个方向，覆盖浅色和深色模式以及小屏幕。
• **最终摘要：**记录选定的方向、原因、素材和待办事项。

流程

1. 将战略属性转化为形态、构图、密度、对比度和材质感。
2. 创建两到三个不同的视觉方向，不要模仿竞争对手。
3. 根据调研结果或明确声明的偏好确定基础色，绝不能凭 Agent 的喜好决定：使用在品类、文化或竞争对手调研中找到的参考色，或使用访谈中记录在 preferences 里的偏好色（.brandfy/interview.json，参见 $brandfy-entrevista）。两者都不存在时，继续之前先询问品牌负责人。
4. 通过色轮从技术上调整该基础色：使用 $brandfy-design-tokens 选择一种色彩和谐方案（references/circulo-cromatico.md），并在 CHROMATIC.md 中记录来源、方案和选择。
5. 根据色轮推导出的色系，定义功能调色板，涵盖背景、文本、强调色、状态和表面搭配。
6. 确定字体、比例、间距、摄影、图像处理、插画、图标、图形元素、网格和动效。
7. 在网页、头像、社交媒体素材和文档中制作各方向的原型。
8. 选择一个方向，并在 .brandfy/visual-direction.md 中记录其原则。
9. 将颜色和字体交由 $brandfy-design-tokens 和 $brandfy-tipografia-web 处理。

即使没有 Logo，视觉系统也必须保持可识别。传达状态或层级时，不要只依赖颜色。

专家推理

将每项战略属性转化为可观察的视觉原则，例如对比度、节奏、比例、密度、材质感和图像表现。每个视觉方向都需要说明理念、视觉信号、优势、局限和使用条件。确保各方向在相同的应用场景中进行比较，且完成度相当，以减少展示方式带来的偏差。