用途
Theme Factory 是一个为各类产物套用统一视觉主题的工具包。这里的产物包括演示文稿(幻灯片)、文档、报告、HTML 落地页等。它的核心目标是让不同格式的内容拥有一致、协调的视觉风格,涵盖颜色、字体排印与样式。
主要能力
- 提供 10 个预设主题,可直接套用。
- 支持生成自定义主题:根据品牌输入(主色、Logo、品牌规范)生成协调的配色、字体搭配与样式。
- 将主题定义为抽象令牌(颜色、字体、间距),再生成针对不同格式的实现(如 CSS、PPTX 样式、docx 样式),从而在多种格式间保持视觉一致。
- 支持深色/浅色模式变体。
- 关注颜色可访问性,强调对比度比例(WCAG AA 最低要求)。
使用方式
套用预设主题
- 选择目标产物(幻灯片、文档、HTML)。
- 从可用预设主题中选择一个。
- 提取当前内容结构。
- 将主题颜色应用到标题、正文、背景。
- 设置字体排印(字体、字号、字重)。
- 按主题调整间距与布局。
- 检查视觉一致性。
生成自定义主题
- 收集品牌输入(主色、Logo、品牌规范)。
- 生成互补配色方案。
- 选择字体搭配(标题字体 + 正文字体)。
- 定义间距尺度与组件样式。
- 创建主题配置文件。
- 应用到目标产物。
- 根据反馈迭代。
多格式主题应用
- 将主题定义为抽象令牌(颜色、字体、间距)。
- 创建针对具体格式的实现(CSS、PPTX 样式、docx 样式)。
- 按产物类型套用对应实现。
- 确保跨格式视觉一致。
- 记录主题使用规范。
何时使用
- 为演示文稿或文档套用一致的品牌形象。
- 用专业配色方案为 HTML 页面设置样式。
- 根据品牌规范创建自定义主题。
- 将普通产物转换为主题化版本。
- 为新项目生成配色方案。
- 确保颜色选择具备可访问性。
- 创建深色/浅色模式变体。
- 为报告和数据可视化设置样式。
何时不使用
- 从零设计 UI 组件 → 使用 ui-designer。
- 构建完整 Web 应用 → 使用 frontend-design。
- 创作视觉艺术或图形 → 使用 canvas-design。
- 专门套用 Anthropic 品牌 → 使用 brand-guidelines。
决策框架
面对主题化需求时,可按以下方向选择:
- 企业品牌 → 使用品牌色 + 已批准字体。
- 快速专业效果 → 套用预设主题。
- 自定义主题 → 从主色 + 风格生成。
- 可访问性 → 确保 WCAG 对比度比例。
- 深色模式 → 反转并调整颜色。
- 适合打印 → 针对纸张输出优化。
最佳实践
- 从可访问的颜色对比度比例开始(WCAG AA 最低要求)。
- 将配色限制在 3–5 种颜色以保持协调。
- 使用一致的间距尺度(4px、8px、16px 等)。
- 有意图地搭配字体(形成对比或互补)。
- 在真实内容上测试主题,而不是用占位文本。
- 尽可能提供浅色与深色模式变体。
反模式
- 颜色过多 → 限制为主色、辅助色、强调色 + 中性色。
- 忽略对比度 → 始终验证可访问性比例。
- 间距不一致 → 使用已定义的间距尺度。
- 随机搭配字体 → 选择具有明确关系的字体。
- 脱离内容做主题 → 始终用真实内容测试。
适用场景
适合需要为演示文稿、文档、报告、HTML 页面等产物统一视觉风格,或需要从品牌规范生成主题、生成配色方案、制作深色/浅色变体、关注颜色可访问性的场景。
限制
资料未提供具体的预设主题名称、安装命令、收费方式、支持平台及效果数据,这些内容暂未提供。