v1.1 · 260703 · Loop 2 完成 · 1600×750 安全区

大厂商业汇报Slide

8 套精选 · 从麦肯锡的结论树到 Apple 的巨字剧场,把顶级咨询公司/科技大厂真实发布会里的视觉语言,拆成 team 里销售、市场、产品同事复制粘贴就能用的 HTML 单文件。

8
套一线大厂 keynote 模板
28
条视觉宪法硬约束
5
位设计/运营总监 review
20px
全站字号下限 · 硬约束

选一套贴合场景的视觉语言

按调性/场景/视觉主体拆分 8 套,覆盖战略咨询、财务审计、白皮书、产品发布、设计大会、品牌回顾、增长复盘、行业趋势 8 大商业汇报场景。

McKinsey Strategy
结论
先行
麦肯锡战略咨询浅色风McKinsey Strategy Light

高管一眼抓结论,Issue Tree 驱动的战略汇报模板。金字塔原理顶格,页眉页脚极窄横线。

战略汇报OKR咨询报告
打开预览
PwC Audit Grid
审计级
严谨
普华永道数据审计工整风PwC Data Audit Grid

表格线严格 1px,数字千分位,脚注 6pt 标注,警示 tag 红黄绿。财报/合规/审计首选。

财报审计合规
打开预览
Deloitte Chapter
分章
沉浸
德勤章节多色沉浸风Deloitte Chapter Immersive

长报告分章沉浸,每章一色一氛围。章节过渡页占满屏彩色 + 巨大章节序号。

白皮书行业报告长报告
打开预览
Apple Keynote
Think
Different.
Apple Keynote 默认Apple Keynote Signature

一屏一观点,巨字留白 + 剧场感。字号 96pt+,大留白 60%+,SF Pro 独家质感。

发布会主题演讲keynote
打开预览
Figma Config
活力
渐变
Figma Config 发布会Figma Config Vivid

渐变球体 + Badge 贴纸 + 终端窗口。设计系统/新组件发布首选,开发者节庆感。

产品发布版本迭代设计大会
打开预览
Airbnb Design Week
手作
摄影感
Airbnb Design WeekAirbnb Editorial

米白 + 摄影大图,圆润衬线,手写签名 + 摄影角贴纸。品牌/文化/用户故事首选。

品牌汇报用户故事团队回顾
打开预览
Tencent CDC
数据
驾驶舱
腾讯 CDC 数据驾驶舱Tencent CDC Cockpit

深底 + 荧光图表,KPI 卡带上下箭头。周报/复盘/增长看板首选,多图表专业级。

数据周报增长复盘数据看板
打开预览
Accenture Big Picture
大图
叙事
埃森哲大气图片报告Accenture Big Picture

大图 + 简约文字,">" 符号作视觉锤。行业趋势报告 / 市场洞察白皮书首选。

趋势报告行业洞察市场报告
打开预览

从 5 个不同视角 把关每一张 slide

每套模板出稿前,5 位角色轮流评审:从内容到视觉、从数据到用户体验,任何一位否决即打回重做。

01
首席设计总监
视觉语言一致性、字体层级、网格秩序、留白与呼吸感、色彩克制。
02
内容策略总监
结论先行、金字塔原理、每页一观点、信息密度是否给到位。
03
数据可视化总监
图表选型是否匹配数据类型、坐标轴/图例/来源标注是否齐备。
04
品牌传播总监
语气是否符合调性、有无 AI 味套话、专有名词与品牌语言一致。
05
用户体验总监
投屏可读性、页面动线、移动端断点、翻页节奏与转场流畅度。

硬约束 不可妥协

从字号到间距、从配色到动效,任何一张 slide 出稿前须逐条对照。这里只列最常踩坑的 8 条精华,完整版见 SKILL.md。

01
全站字号 ≥ 20px,硬约束
投屏 6 米外仍可读;p/li/span/td 均不得低于 --fs-xs(20px)。
02
禁紫色渐变,禁"AI 味"配色
紫→粉→蓝的 AI 生成器审美一律拉黑;用 token 里 8 组主色板挑一套。
03
结论先行,一屏一观点
页头一句话结论即可读懂;金字塔原理顶格,禁多观点堆叠。
04
行高 120% - 150%,禁窄行距
大标题用 --lh-tight(1.20),正文长段用 --lh-loose(1.50),中间用 --lh-base(1.45)。
05
10% - 20% 出血保护区
页面四周留 --safe-inset(8% 中位),投屏边缘裁切也不影响内容。
06
图表必须标数据来源
任何柱/线/饼图脚下必挂"数据源 + 时间",专业审计线。
07
单页信息卡片 ≤ 2 段
超过 2 段拆卡片、拆页;禁止一屏塞满 6 段小字。
08
禁用 emoji 装饰,禁 AI 味套话
删掉"赋能/闭环/生态位/护城河";用具体名词与数字替代。

3 步从选模板到自己的汇报

全部模板都是单 HTML 文件,改文字/替数据/换图片即可,无需构建、无需 npm,浏览器直接打开演示。

01
选模板

按场景 → 触发词匹配上面 8 卡片,点"打开预览"直接看真页面。挑最贴合汇报调性的一套。

02
复制模板

下载 slides-lite-v1.1.zip 解压 → 拷贝 templates/xxx.html 到你的项目文件夹,改名如 260703_Q3汇报.html。

cp templates/mckinsey.html ~/Desktop/260703_Q3战略汇报.html
03
替换数据

用你的编辑器打开,Ctrl+F 找占位文字(客户名/日期/KPI/图片路径),逐段替换。保留 data-template 与 token 引用即可。

open 260703_Q3战略汇报.html # 双击浏览器打开演示