宣傳片風格：蘋果風格與華章版
兩個已完成製作的機構宣傳片風格模板。從一個可運作的引擎開始，而不是從空白的 Remotion 專案開始。
- 蘋果風格 (glass)：Apple 風格的磨砂玻璃。每個鏡頭使用白色/天空色/藍色背景、黃色強調色、優設標題黑字體、圓角無框照片，以及玻璃後方的即時資料圖表。閱讀
references/glass.md。 - 華章版 (aurum, Aurum Nocturne)：深夜漆面背景，香檳色文字與金色葉片標題。它添加了金色邊框照片框、漏光與少量鏡頭光暈。閱讀
references/aurum.md。
一個程式碼基底可渲染兩種風格。風格是一個輸入 prop (--props=glass.json 或 --props=aurum.json)，因此相同的時間軸和場景可以產出兩個版本。
選擇風格
預設是蘋果風格：明亮、乾淨且國際化，最適合招生宣傳片。華章版較暗且更具儀式感。可將其用於週年慶、晚會、頒獎典禮和高級品牌宣傳片，或當使用者要求「華麗 / 黑金 / luxury」風格時。在渲染整部影片前，先展示幾張靜態圖。
如果品牌色調不是藍色，請保留玻璃引擎並重新設定顏色 token（looks.tsx 中的 glassVars，theme.ts 中的 GLASS）。不要從頭建立一個新的樣式。
開始新影片
python <skill-dir>/scripts/scaffold.py <new-project-dir>
然後，在專案中：
npm install
npx tsc --noEmit -p .
PROPS=glass.json bash qa.sh demo 30 150 268 320 460 520
展示時間軸 (src/scenes/Demo.tsx) 包含每個標誌性元件的一個鏡頭。在進行任何更改之前，先以兩種風格渲染其靜態圖，以確認字體和瀏覽器在此機器上正常運作。
設定說明：
- 字體 並未隨技能重新散佈。
assets/fonts/README.md列出了每個檔案、其來源和其授權。scaffold 腳本會複製assets/fonts/中的任何內容；缺少的字體會優雅降級，而不會中斷渲染。 - 瀏覽器：
remotion.config.ts會在有本地端 Edge 時指向它，因為 Chrome Headless Shell 可能在某些網路上無法下載。 - Shell：腳本是 bash，且
PROPS=… bash qa.sh是 bash 語法。在 Windows 上，請在 Git Bash 中執行它們。從 PowerShell，請明確呼叫 Git Bash，例如& "C:\Program Files\Git\bin\bash.exe" -c "PROPS=glass.json bash qa.sh demo 30 150"，因為單純的bash可能會啟動 WSL。
模板包含的內容：
| 檔案 | 角色 | 每部影片編輯？ |
|---|---|---|
src/config.ts | 時長，SHOTS (每個鏡頭的色調、標題側邊、提示標籤)，CHAPTERS (主題、浮水印文字)，FORMULAS，BRAND | 是 |
src/scenes/*.tsx | 影片：每個章節一個檔案，由套件元件建構 | 是 |
src/kit.tsx | Scene、Ground、Night、Card、Print、DocPage、Caption、Rise、En、Rule、Heading、ChapterCard、useCount、StatHit、MaskTitle、CardRail、FeatureCard | 很少 |
src/looks.tsx | 兩種風格的背景、轉場、照片框和光線 | 很少 |
src/glassfx.tsx | 玻璃細節圖層：主題、圓盤、提示標籤、浮水印文字、散景、邊緣彗星 | 很少 |
src/theme.ts | token C、字體 F、FOIL、緩動函數 EZ、r()、mix() | 很少 |
src/Film.tsx | 主時間軸、GLASS_CSS、旁白 / 音效掛鉤 | 是 (接線) |
場景必須保持風格無關。顏色只能透過 C.* token，字體只能透過 F.*，照片透過 Print，面板透過 Card 或 C.card / C.fill。切勿在場景中硬編碼十六進位顏色：同一個場景必須能在白底藍字、白底黑字和黑底金字上渲染。
工作流程
- 根據旁白決定時間點。
- 對齊旁白（例如，Whisper 單字時間戳記）並寫下片段時間。
- 每個
Scene位於絕對的旁白秒數上。相鄰場景重疊約 0.35 秒。 - 元素時間 (
t0、at) 也是絕對秒數：也就是旁白者說出該內容的時刻。文字在口說單詞到達時出現，這正是讓影片感覺像是剪輯過而非單純動畫的關鍵。
- 鏡頭表。 在
config.ts中為每個場景新增一個SHOTS列。- 交替色調，使相鄰鏡頭有所不同。
- 將標題 (
head) 放在內容留白較多的那一側。 - 將滿版或混合模式的鏡頭標記為
flat。
- 從套件元件建構場景。文件中已有的模式範例，例如：
- 用於密集數據的近全螢幕卡片列
- 一個完整呈現的標題數字
- 文字遮罩開場
- 品質檢查靜態圖 (使用
qa.sh)：在每個鏡頭最繁忙的時刻，針對您將交付的每個風格進行檢查。親自查看它們。請參閱references/pipeline.md中的檢查清單。 - 主輸出：使用
master.sh：−16 LUFS、h264 crf 17、AAC 320k。然後回報verify.sh的數值。 - 交付後的修正。使用
segment.sh僅重新渲染變更的片段。它會從主輸出中提取音訊，以確保響度匹配，並檢查兩個拼接幀是否與主輸出相同。
設計原則
這些是讓兩種風格成立的要點。每個原則後面都附有原因，因為原因比規則更重要。
- 為字幕和音樂留出空間。 僅提供旁白加上音效，除非被要求，否則不要內嵌字幕和背景音樂。機構通常會事後添加統一字幕和音樂，因此底部區域（約 y > 950）應保持清晰，不要有重要內容。
- 保持畫面頂部乾淨。 裝飾性的英文引導詞、章節提示和 HUD 線條對華語觀眾來說會顯得雜亂。在玻璃風格中，提示已經關閉，
BRAND預設為空。標題下方的英文對照行則沒問題。 - 避免簡報投影片風格。 一個光禿禿的磨砂版面看起來像 PowerPoint。每個玻璃鏡頭的內容背後都帶有緩慢移動的圖層：主題、圓盤、浮水印文字和前景散景，以及內容平面的緩慢 3D 旋轉。相鄰鏡頭需交替背景。不要為了「清理乾淨」而移除這些圖層。
- 裝飾不能看起來像內容。 公式提示標籤是純符號，沒有數字，透明度約 60%，且沒有陰影。像「R² = 0.98」這樣的提示標籤看起來像是關於該機構的主張。
- 可讀性優於優雅。 當卡片包含密集的圖形（研究圖表、結果）時，讓它幾乎佔據整個畫面 (
CardRail)。一排小卡片會難以閱讀。 - 標題數字要完整呈現。 從 0 到 100% 的長時間計數看起來像進度條。標題數字請使用
StatHit，一般數字才使用useCount。 - 人物與文件：
- 切勿裁切到頭部。在靜態圖中檢查每個人像裁切，並設定
Print上的focus來修正。 - 切勿在影片中重複使用同一張照片。
- 證書和期刊頁面必須筆直懸掛（
DocPage沒有傾斜），尺寸須符合頁面的真實長寬比。
- 切勿裁切到頭部。在靜態圖中檢查每個人像裁切，並設定
- 圖示必須是具象的。 與其使用抽象圖形，不如選擇一個可辨識的物體，例如用從正面看到的汽車來代表交通。
- 機構的內容就是數據。 人物、照片、姓名和數字必須完全按照提供的內容使用，絕不虛構。當原始照片需要處理（背景、顏色）時，使其與相鄰照片匹配，並在渲染前展示靜態圖。
回報
回報您檢查的內容，並附上數值：幀數、解碼、時長、LUFS、峰值以及您查看了哪些靜態圖。明確說明您未執行的事項，例如「未完整觀看」或「未聽取音訊」。將交付檔案命名為 <機構>宣傳片_<版本>_無字幕無BGM_1080p25.mp4。將替換片段放入 <版本>_替換片段/ 資料夾，並以開始時間碼命名（詳細資訊請見 references/pipeline.md）。
參考文件
references/glass.md：完整的蘋果風格規格。涵蓋 token、每個鏡頭的視覺樣式、磨砂表面、轉場、細節圖層、標誌性手法和陷阱。references/aurum.md：完整的華章版規格。涵蓋舞台圖層、金色葉片字體、相框、漏光、光暈和對比陷阱。references/pipeline.md：旁白時序、音效提示表、品質檢查清單、主輸出、驗證、替換片段、拼接和交付命名。