用途
Theme Factory 是一个专业样式工具包,收录了一套精选的字体与颜色主题,提供协调统一的调色板和互补的字体搭配,适用于不同场景。可用于为幻灯片、文档、报告和 HTML 页面应用一致的样式。
主要能力
工具内置 10 套预置主题,每套都定义了主色(primary)、次色(secondary)、强调色(accent)、高亮色(highlight)和文字色(text),并配有标题与正文的字体组合:
- Ocean Depths:深蓝与青色,带水感;字体 Outfit(标题)、Lora(正文)。
- Sunset Boulevard:暖橙、珊瑚与金色;字体 Josefin Sans(标题)、Source Serif Pro(正文)。
- Forest Canopy:自然绿与大地色;字体 Montserrat(标题)、Merriweather(正文)。
- Modern Minimalist:干净的黑、白、灰;字体 Inter(标题)、System UI(正文)。
- Golden Hour:奢华的金、古铜与奶油色;字体 Playfair Display(标题)、Crimson Text(正文)。
- Arctic Frost:冷白、银色与冰蓝;字体 Poppins(标题)、Open Sans(正文)。
- Desert Rose:柔和的粉色、赤陶与沙色;字体 Cormorant Garamond(标题)、Nunito(正文)。
- Tech Innovation:电光蓝、紫与霓虹色;字体 Space Grotesk(标题)、JetBrains Mono(正文)。
- Botanical Garden:浓郁的绿色配花卉点缀;字体 DM Serif Display(标题)、Libre Baskerville(正文)。
- Midnight Galaxy:深紫、宇宙蓝与星光色;字体 Syncopate(标题)、Raleway(正文)。
每套主题还标注了适用情绪与推荐场景,例如 Ocean Depths 适合企业、医疗;Sunset Boulevard 适合酒店、餐饮;Forest Canopy 适合环境、健康;Modern Minimalist 适合任意行业;Golden Hour 适合金融、奢侈品牌;Arctic Frost 适合 SaaS、分析;Desert Rose 适合美妆、生活方式;Tech Innovation 适合初创、科技;Botanical Garden 适合食品、健康;Midnight Galaxy 适合娱乐、游戏。
使用方式
工作流程分为四步:
- 展示主题:呈现全部 10 套主题及视觉色板。
- 请求用户选择:询问哪套主题符合需求,或提供自定义生成。
- 确认选择:在应用前确认所选主题。
- 应用主题:将颜色和字体注入目标产物。
工具给出了不同平台的集成示例:
HTML/CSS:通过 Google Fonts 链接加载字体,在 :root 中定义 CSS 变量,并在 body 与标题标签中引用。
PowerPoint(python-pptx):用 RGBColor 定义主题字典,并通过 shape.fill 等应用到形状。
Excel(openpyxl):用 PatternFill 和 Font 定义表头样式并应用到单元格。
当现有主题不合适时,可生成自定义主题,需要向用户收集用途、氛围、品牌色与行业背景等信息,再据此生成主色、次色、强调色、高亮色与文字色,并选择与语气匹配的标题字体和易读的正文搭配,同时始终提供系统字体作为回退。
适用场景
- 为演示文稿或文档应用一致样式。
- 启动新项目时建立统一配色。
- 在没有现成品牌规范时制作品牌化材料。
- 生成外观专业的 HTML 报告。
- 为原型或演示快速套用主题。
限制与注意事项
工具附有执行检查清单,包括已向用户展示主题选项、已确认主题选择、已加载相应 Google Fonts、已应用 CSS 变量、已验证对比度满足无障碍要求、已在明暗两种环境下测试、已记录主题选择以备后续参考。
常见问题与处理:字体未加载(缺少 Google Fonts 导入或网络问题,需检查导入 URL 并添加回退字体);颜色显得发白(深色模式主题用于浅色背景,需调整主色/文字色或改用浅色主题);对比度不佳(将强调色用于正文,应使用文字色写正文、强调色仅用于高亮);主题与品牌不符(使用了未定制的预置主题,应基于品牌色生成自定义主题)。
指标目标:正文颜色对比度 ≥ 4.5:1,大号文字 ≥ 3:1,字体加载时间 < 500ms,主题一致性 100%。