Theme Factory 完整指南
本文档包含主题应用的完整流程和所有主题的详细规格。如果您是初次接触,建议先阅读 📋 概览。
使用流程
1. 展示主题选项
向用户展示 theme-showcase.pdf
让用户浏览所有 10 种主题
不要修改展示文件
2. 询问主题选择
询问:"您更喜欢哪个主题?"
或:"这份演示适合哪种风格?"
3. 等待明确确认
等待用户明确选择:
"我选择 Ocean Depths"
"Modern Minimalist 看起来不错"
4. 应用选定主题
# 读取主题文件
theme = read_theme('themes/ocean-depths.md')
# 应用到 artifact
apply_colors(theme.colors)
apply_fonts(theme.fonts)
ensure_consistency()
10 种预设主题详解
1. Ocean Depths(海洋深处)
风格:专业沉稳的海洋色调
色彩调色板:
- 主色:深海蓝 #1B4965
- 辅助色:中蓝 #5FA8D3
- 强调色:青绿 #62B6CB
- 中性色:深灰 #3E5C76
字体配对:
- 标题:无衬线,大气稳重
- 正文:易读无衬线
适用场景:商务报告、科技公司、专业服务
2. Sunset Boulevard(日落大道)
风格:温暖活力的日落色彩
色彩调色板:
- 主色:橙红 #FF6B35
- 辅助色:暖橙 #F7931E
- 强调色:粉橙 #FBB13C
- 中性色:米色 #FEF9EF
字体配对:
- 标题:友好圆润
- 正文:温暖可读
适用场景:创意项目、营销活动、活力品牌
3. Forest Canopy(森林冠层)
风格:自然接地的大地色调
色彩调色板:
- 主色:森林绿 #2D5016
- 辅助色:橄榄绿 #6C7A47
- 强调色:木质棕 #8B7355
- 中性色:米黄 #E8DCC4
字体配对:
- 标题:有机自然
- 正文:温暖易读
适用场景:环保品牌、健康产品、生活方式
4. Modern Minimalist(现代极简)
风格:简洁现代的灰度系统
色彩调色板:
- 主色:深灰 #2C3E50
- 辅助色:中灰 #7F8C8D
- 强调色:钢蓝 #34495E
- 中性色:浅灰 #ECF0F1
字体配对:
- 标题:现代无衬线
- 正文:清晰易读
适用场景:设计、建筑、高端品牌
5. Golden Hour(黄金时刻)
风格:丰富温暖的秋季调色板
色彩调色板:
- 主色:金黄 #D4A574
- 辅助色:秋橙 #C17817
- 强调色:深金 #8B6914
- 中性色:象牙白 #FFF8DC
字体配对:
- 标题:优雅衬线
- 正文:经典易读
适用场景:奢侈品、文化艺术、传统品牌
6. Arctic Frost(北极霜冻)
风格:清爽凛冽的冬季主题
色彩调色板:
- 主色:冰蓝 #A7C7E7
- 辅助色:雪白 #F0F8FF
- 强调色:钢蓝 #4682B4
- 中性色:浅灰蓝 #D6E4F0
字体配对:
- 标题:清爽现代
- 正文:干净利落
适用场景:科技、清洁产品、医疗
7. Desert Rose(沙漠玫瑰)
风格:柔和精致的尘土色调
色彩调色板:
- 主色:沙粉 #E0AFA0
- 辅助色:尘土橙 #C89F9C
- 强调色:玫瑰金 #BC8DA0
- 中性色:米白 #FAF0E6
字体配对:
- 标题:精致优雅
- 正文:柔和易读
适用场景:时尚、美容、精品店
8. Tech Innovation(科技创新)
风格:大胆现代的科技美学
色彩调色板:
- 主色:科技蓝 #0066CC
- 辅助色:电子绿 #00CC66
- 强调色:霓虹紫 #9933FF
- 中性色:深空灰 #1A1A2E
字体配对:
- 标题:前卫科技
- 正文:现代易读
适用场景:科技公司、创新产品、初创企业
9. Botanical Garden(植物园)
风格:清新有机的花园色彩
色彩调色板:
- 主色:叶绿 #4A7C59
- 辅助色:春绿 #87C38F
- 强调色:花粉黄 #F4D35E
- 中性色:奶油白 #FDFAF6
字体配对:
- 标题:有机自然
- 正文:清新易读
适用场景:自然品牌、有机产品、生态项目
10. Midnight Galaxy(午夜银河)
风格:戏剧性的深色宇宙色调
色彩调色板:
- 主色:午夜蓝 #191970
- 辅助色:星云紫 #4B0082
- 强调色:星光银 #C0C0C0
- 中性色:深空黑 #0D0D0D
字体配对:
- 标题:戏剧性衬线
- 正文:高对比度
适用场景:奢华品牌、神秘产品、高端服务
自定义主题创建
生成流程
收集需求
- 品牌色彩?
- 目标受众?
- 使用场景?
- 氛围感觉?
创建主题
- 命名主题
- 选择 4-6 种协调色彩
- 配对标题和正文字体
- 定义适用场景
展示审核
- 生成主题样本
- 向用户展示
- 等待确认
应用主题
- 按规格应用
- 保持一致性
主题应用最佳实践
色彩应用
背景:中性色
标题:主色或辅助色
正文:深灰/黑色(浅色背景)或白色(深色背景)
强调:强调色(CTA、链接、重要信息)
字体应用
h1, h2:标题字体,较大尺寸
h3, h4:标题字体或正文字体,中等尺寸
段落、列表:正文字体,标准尺寸
对比度验证
确保 WCAG 可访问性标准:
- 普通文字:至少 4.5:1 对比度
- 大文字(18pt+):至少 3:1 对比度