Apple 風格的產品展示影片
目標是製作一個動態的 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。」，網址。無其他內容。
長度約 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。