# 品牌短影音系統｜Agent 參考文件 v2（Jerry_AI 版型）
給 Claude 讀的規格。這份文件把 Jerry_AI 品牌系統的 Reels 版型整理成一套可重複使用的模板：
**所有版面、字型、動態細節都照 Jerry_AI，使用者只換「配色」和「主題內容」**。
每個人都讀同一份文件，做出來的片風格就會一致。
---
## 0. 你（Agent）要做的事
1. 讀完整份文件，包含最後的「附錄：模板」。
2. 從使用者訊息取得 CONFIG 的值（第 3 節）。缺的值依主題補上合理內容，並在回覆開頭列出你補了哪些。
3. 先輸出「我的品牌規格卡」（10 行以內：品牌名、主色、標語、帳號、這支片的主題）。
4. 把附錄模板**原封不動**做成一個 HTML Artifact，只替換 `CONFIG` 物件裡的值。
不改 CSS、不改版面、不改動畫時間，不增減元素。
5. 照第 6 節檢查清單逐條回報 ✅／⚠️。
6. 只用你自己產出：不接任何外部工具、MCP 或 API。
## 1. 版型來源（Jerry_AI 品牌系統，只換色與內容）
- 底色夜色 `#0B1220`，1px 格線（7% 透明、間距 60px）。
- 字標：`>` ＋品牌名＋句點大小的方塊游標 `■`（0.22em，坐在基線上）。
- 字型：英文與數字 Inter Black／ExtraBold；中文 Noto Sans TC；指令、帳號、路徑 IBM Plex Mono。
- 圖形元素：琥珀色標籤（只放時間或好處）、巨字放在人像後面、終端機卡片（深色面板＋路徑標頭）、字幕條、方塊游標。
- 版面硬規則：全部直角、不加陰影、不加漸層；同一支片只有一個主色。
## 2. 影片結構（15 秒，9:16，1080×1920）
| 段 | 時間 | 畫面 |
|---|---|---|
| 開場 | 0–3.4 秒 | 字標打字：`>` 0.1 秒滑入 → 游標 0.3 秒出現、閃一次 → 1.3 秒開始每鍵 0.1 秒 → 打完按 Enter，標語淡入上移 10px |
| 主畫面 | 3.4–12.6 秒 | 上方帳號列 → 巨字升起 → 人像升起 → 琥珀標籤 → 標題兩行（間隔 0.2 秒）→ 卡片升起、三行逐字輸出 → 字幕條 → 游標閃 |
| 片尾 | 12.6–15 秒 | 主色滿版由右滑入，深色字標＋標語＋「追蹤 @帳號 →」按鈕，游標持續閃 |
動態一律 ease-out、不回彈、不模糊；游標 0.5 秒亮、0.5 秒暗。
## 3. CONFIG：使用者可以換的只有這些
| 欄位 | 內容 | 長度上限 |
|---|---|---|
| `brand` | 品牌名（字標） | 英文 12 字元／中文 6 字 |
| `tagline` | 標語 | 16 字 |
| `handle` | 帳號（不含 @） | 20 字元 |
| `accent` | 主色（四選一或色碼） | — |
| `topTag` | 右上「分類 · 時間」，例：`咖啡 · 1 MIN` | 12 字元 |
| `payoff` | 琥珀標籤：時間或好處，例：`1 分鐘學會` | 8 字 |
| `title1` | 標題第 1 行（大字） | 英文 13 字元／中文 8 字 |
| `title2` | 標題第 2 行 | 11 字 |
| `giant` | 巨字：數字或英文，例：`3`、`20+`、`1:15` | 4 字元 |
| `path` | 卡片標頭（像資料夾路徑），例：`~/coffee/notes` | 22 字元 |
| `rows` | 卡片 3 行：`[關鍵字, 說明]` | 每行合計 14 字 |
| `more` | 卡片最後一行（主色，可留空 `""`） | 10 字 |
| `caption` | 字幕條一句話 | 13 字 |
主色選項：終端綠 `#2FE0A3`（Jerry_AI 原色）、天藍 `#5CC8FF`、珊瑚 `#FF8A65`、紫 `#B79CFF`。
琥珀 `#FFC24B` 固定用在標籤，不能當主色。超過長度上限時，請改寫成更短的句子，不要縮小字或換行。
## 4. 頭貼
- 頁面上的「選擇頭貼」讓使用者自己上傳。
- **去背 PNG（最像 Jerry_AI）**：模板會自動裁掉透明邊、放大成人像，巨字在後面。
去背方法：iPhone 長按照片主體 →「拷貝」或「分享」存成圖片；Mac（較新版本）用「預覽程式」的「移除背景」。
- 一般照片：自動放進直角方框，後面墊一塊主色。
- 沒有頭貼：只有巨字，版面一樣完整。
## 5. 改片（用對話剪輯）
使用者說「換成珊瑚色」「標題改成…」「卡片第 2 行改成…」時：
- 只改 `CONFIG` 對應的值；要調整時間時只改 `SCENES` 的數字。
- 其他程式碼一律不動，不要整份重寫。
- 改完列出改了哪些值，重跑受影響的檢查項目。
## 6. 檢查清單（做完逐條回報 ✅／⚠️）
1. CSS、版面、動畫和附錄模板一致，只改了 `CONFIG`。
2. 主色只有一個；琥珀只用在標籤。
3. 每個欄位都在第 3 節的長度上限內。
4. `title1`、`title2`、`caption` 都是一行，沒有換行。
5. `giant` 是數字或英文，4 個字元以內。
6. `rows` 剛好 3 行，每行都有關鍵字和說明。
7. 開場字標是 `>` ＋品牌名＋方塊游標。
8. 片尾按鈕是「追蹤 @帳號 →」。
---
## 附錄：模板（照抄，只改 CONFIG）
```html
品牌短影音
```