3.4 KiB
3.4 KiB
智能纪要模板说明（与 101 场视觉一致）
配色、图标、信号标签、重点框均与参考图 101场.jpg 对齐，便于结构清晰、重点突出、易区分。
一、配色体系（CSS 变量）
| 用途 | 变量/色值 | 说明 |
|---|---|---|
| 主蓝 | #2563eb |
分享人卡1、流程、下次分享卡2 |
| 橙红 | #ea580c |
分享人卡2、精益卡1、流程、下次分享卡1 |
| 绿 | #16a34a |
分享人卡3、精益卡3、流程、项目卡1 |
| 紫 | #7c3aed |
分享人卡4、流程、下次分享卡3 |
| 红 | #dc2626 |
信号「AI思考」、流程、下次分享卡4 |
| 重点黄 | #fef08a / #fef9c3 |
热点研讨底部「重点」框，强对比 |
| 页面底 | #fafafa |
浅灰底，不抢内容 |
二、六大区块与节奏
| 区块 | 标题样式 | 内容样式 | 图标/信号 |
|---|---|---|---|
| 一、分享人介绍 | 蓝色方标「一」+ 👤 | 4 张横卡：蓝/橙/绿/紫顶条 + 白底小图标 + 姓名/角色/话题 | 顶条内 👤；可加性格/项目标签（INTJ、私域等） |
| 二、精益介绍 | 橙色方标「二」+ 📌 | 3 张横卡：橙/蓝/绿顶条 + 白底图标(📌✓⚙️) + 子标题与要点 | 项目/产品/运营/商业可用小色块标签 |
| 三、会议流程 | 绿色方标「三」+ 🕐 | 横向 5 个彩色圆（蓝/紫/橙/红/绿）+ 圆内白图标 + 步骤名 + 时间 | 🎙️👥💡🤝📋 |
| 四、热点研讨 | 紫色方标「四」+ ❓ | 每条：左侧信号标签 + 时间 + Q: 标题 + 正文 + 重点（黄框） | 信号：AI思考(红)/用户观点(蓝)/专家洞察(紫)/AI提问(绿) |
| 五、下次分享 | 蓝色方标「五」+ 📋 | 2×2 四卡：橙/蓝/紫/红顶条 + 图标 + 标题 + 简述 | 📌🎯📋💡 |
| 六、项目推进 | 绿色方标「六」+ 🚀 | 2 张横卡：绿/蓝左边条 + 图标 + 标题 + 说明 | 🚀📊 |
三、JSON 字段与模板对应
- speakers[]：
name,role,topics；可选tags或pills（如["INTJ","私域"]）→ 渲染为彩色小标签。 - modules[]：
title,color(orange/blue/green),items[]→ 精益介绍三卡。 - flow_times[]：5 个时间串 → 会议流程下方时间。
- highlights[]：
title,time,content,insight；可选signal：ai|user|expert|question→ 左侧信号标签与配色。 - actions[]：前 2 条 → 项目推进；第 3–6 条（不足用 takeaways 补）→ 下次分享 4 卡。
四、重点与信号（和 101 场一致）
- 重点：每条热点研讨底部为浅黄背景框，标题为「重点」，内容为
insight，用于强调结论/启示。 - 信号：热点研讨左侧为彩色小标签，区分来源/类型：
- AI思考（红）
- 用户观点（蓝）
- 专家洞察（紫）
- AI提问（绿）
五、模板文件位置
- HTML 模板：
templates/meeting.html - 生成脚本：
脚本/generate_meeting.py - 本说明：
智能纪要模板说明.md
生成命令示例：
python3 generate_meeting.py --input "xxx_meeting.json" --output "../output/xxx.html"