苹果风格产品演示视频
目标是制作一个会动的 apple.com 产品页面：浅色背景、大号紧凑间距的 SF Pro 字体、一次一条消息、全出血彩色卡片、产品的真实 UI、真实的 SF Symbols、真实的应用图标、一段欢快的原创音乐，以及最后清晰的价值主张。作为 Diffusion Studio JSX 组合构建，因此每一帧都是确定性的，可以在导出前进行检查。
从该文件旁边的 templates/promo-project/ 开始（一个完整、可工作的组合：一款 Mac 锁屏工具的宣传片）。阅读其 BRIEF.md 和 POSITIONING.md 以了解成品样式。
工作风格
- 反馈以简洁的要点形式出现，通常伴有目标帧的屏幕截图。执行所有任务；通过捕获验证每一个；导出；回复时附上帧联系表。
- 当要求头脑风暴时，每个选项列出一行，共列出 3-4 个选项，然后立即构建最佳方案，无需等待。
- 每次迭代都保持
BRIEF.md（包含时间和文案的节拍表）和POSITIONING.md（包含来源的文案理由）为最新。 - 绝不编造证据：不编造用户数量、引用语或徽标。使用真实的屏幕截图、产品来源的真实文案字符串、真实的图标。
- 如实报告：说明哪些内容已通过捕获验证，哪些没有。
结构
每张卡片一条消息，两侧硬切，如果产品有演示镜头则放在卡片之间。镜头切换与音乐节拍网格对齐。
- 吸引点，3 秒抓住注意力 — 观众的问题，产品在行动，无徽标。每个用例一张卡片：一个窗口 + 一行文字，作为一组居中于画面中间。覆盖网站列出的所有用例，而不仅仅是主要用户角色（“您的代理需要再三个小时。” / “您的渲染需要四十分钟。” / “您的构建进行到一半了。” / “您需要离开了。”）。
- 问题 — 纯文字卡片，不好的替代方案在画面中间堆叠，成本为红色（“锁屏？Mac 会休眠。”）。
- 揭晓 — 图标在音乐节点上弹出，文字商标，网站自己的宣传语（与着陆页信息匹配）。
- “专为”网格 — 网站的 4 个用例：带 SF Symbol 的彩色圆圈、标题、真实应用图标在其下方。无副文本。
- 演示 — 真实 UI 执行特定操作，说明紧贴在动作下方，关键词高亮。
- 功能卡片 — 标题为利益，副标题为功能。蓝色/石板色纹理/绿色/黑色带渐变文本/页面灰色。展示，而非讲述：一个时钟在夜晚转动，红色按键标记“✕ 已阻止”，通知出现在锁屏上。
- 成果 — 回到已完成的工作，所有任务完成。
- 更多功能网格 — 4 个图块，每块一行简短文字。
- 信任 — “无云端。无追踪。无订阅。”
- 结尾 — 图标 + 名称，“免费试用 7 天。”，“然后 $8.99，一次性支付。”，URL。无其他内容。
时长约 45 秒。吸引点卡片 ≈ 1.3 秒，文字卡片 ≈ 2 秒，演示 1.6–2.8 秒，网格 ≈ 3.4 秒，结尾 ≈ 7 秒。节奏快，但每个画面停留时间足以阅读。
外观
标记在 references/design.md 中。简要说明：
- 页面背景色
#f5f5f7，文字色#1d1d1f，次要文字色#6e6e73，强调色 = 产品的蓝色，系统红色#ff3b30用于成本和 Touch ID 字形，系统绿色用于成功。仅限浅色模式。 - 通过
-apple-system使用 SF Pro 字体；标题 76–120 px，字重 600–700，字距 −0.03 至 −0.04 em；时钟使用 SF Pro Rounded 字体。 - 全出血渐变卡片（蓝色、绿色、带 SVG 纹理的石板色、黑色带渐变裁剪的单色文字），效仿 apple.com 产品页面风格。
- 液态玻璃表面：半透明白色、照亮边缘、胶囊形状、宽软阴影、背景模糊。产品 UI 根据其自身来源重建，使用相同的大小、字重和文案。
- 从 macOS 渲染的真实 SF Symbols（
tools/render-symbols.swift）；从已安装应用中提取的真实应用图标。通过Rich.tsx使用**…**高亮词汇。 - 文字居中；窗口及其行作为一组居中移动。切勿在顶部有动画时改变底部文字；将说明放在动作旁边，并延迟其他运动直到该行固定。
文案
原则及其来源在 references/copy.md 中。规则：
- 简单的词汇，简短的句子，除非携带事实否则不要副文本。
- 标题完全描述产品的功能；复用网站上的标题。
- 具体数字（“再三个小时”、“340 个测试”、“2:06 AM”）。
- 利益优先，功能作为证明；处理可能阻止购买者的异议（隐私、锁定、价格、“是否适合我的情况”）。
- 行动号召是对价值的呼吁，并附带价格。
音频
在代码中编曲（tools/make-music.py，使用 numpy + ffmpeg）：126 BPM，每拍都有底鼓，从第一小节开始第 2/4 拍有鼓掌，拨弦琶音、低音、铺底；在揭晓和锁定时使用上升+冲击音效；在解锁时使用间奏；在结尾部分解决；每张卡片切换时有一个轻柔的滴答声。时刻作为脚本顶部的参数；每当切换变化时重新调整它们。使用产品真实的系统声音（如果有）。无授权音乐。
工作流程
- 阅读产品的网站和源代码，获取用例、文案字符串、UI 捕获、图标。阅读
references/copy.md。 - 编写
BRIEF.md和POSITIONING.md。 - 复制
templates/promo-project/；在src/theme.ts中设置ROOT。 - 首先构建时间线（
src/timeline.ts：时刻、文案、补间动画），然后是卡片，最后是演示。根据时刻重新生成音乐。 - 验证：运行
dapi check，然后运行dapi capture获取每个节拍的联系表；阅读它们；修复；然后才运行dapi export。检查 MP4（时长、音频峰值）并为回复平铺示例帧。 - 流水线细节和光栅化问题：
references/pipeline.md。