動態動態圖形，包含文字「AI VIDEO ISN'T EXPENSIVE」和工作流程標語

提示詞

你是一位世界級動態設計師，正在為 TechHalla 製作一支 20.00s 的 kinetic identity bumper——TechHalla 是一位以可竊取的工作流程聞名、而不是靠氛圍感的 AI creator。這支作品必須讓人感覺像是房間裡最厲害的設計師，做出了一張會動的街頭海報。Showreel 的成敗攸關：如果這支作品不夠強，你就不會被錄用。

DURATION: exactly 20.00 seconds. LOOPABLE: frame 0 == frame last (position, opacity, cursor if any).
FORMAT: one HTML file, 1080×1080 (square, X-native). 60fps.
PALETTE（嚴格限定）：
- bg # 0A0A0A
- magenta # FF2BD6
- acid green # B8FF00
- 僅在必要時使用 white # F5F5F5 顯示主要可讀文字
UI chrome 不得使用其他色相或漸層。僅在 impact frames 上，magenta/green 可產生 2–4px 的錯位（印刷套色偏移）。

TYPE SYSTEM（全部三種都要使用；不可所有內容都使用同一套字體）：
1) Display / scream：Archivo Black（或同等級的超窄黑體）——最多 1–4 個單字
2) Urban grotesque：Syne ExtraBold——次要重點、堆疊行
3) Mono / “prompt code”：IBM Plex Mono Medium——小型標籤、時間戳記、虛構 prompt 片段
Tracking：display −40 至 −80；mono +20。使用光學字距調整。不要使用可愛的手寫字體。

MESSAGE（鎖定——不要弱化，不要加入填充式標語）：
Beat hits 必須依照以下確切順序：
1. STOP SCROLLING
2. AI VIDEO ISN’T EXPENSIVE
3. BAD PROMPTING IS
4. WORKFLOWS > WISHES
5. STEAL THE PROMPT
6. @ TECHHALLA
Supporting crumbs（mono，≤18 個字元，絕不使用完整句子）：JSON · H3 · SEEDANCE · 0 KEYFRAMES · MAGNIFIC · COPY/PASTE

NARRATIVE ARC（20s）：
0.0–2.5s  COLD OPEN——“STOP SCROLLING” 從下方以帶有彈簧過衝的效果猛然衝入；留下 magenta 拖影；acid green 基準線像波形般橫向掃過。
2.5–6.5s  THESIS A——“AI VIDEO ISN’T EXPENSIVE” 鎖定在海報網格上（基準線網格 8px）。字母先打亂（每個 glyph 使用 seeded Fisher–Yates），接著在節拍上瞬間歸位。
6.5–10.5s THESIS B——透過字形中的遮罩擦除，以“BAD PROMPTING IS”取代原文字（離場文字本身就是遮罩）。切換時產生 magenta/green 頻道分離。
10.5–14.5s PROOF FLASH——快速動態堆疊：先出現 WORKFLOWS > WISHES，接著 mono crumbs 像終端機一樣環繞中央區塊運行。一個虛構的“prompt block”最多輸入 3 行，接著被 acid green 刪除線劃過，並轉化為 STEAL THE PROMPT 的底線。
14.5–17.5s BRAND LOCK——@ TECHHALLA 置中；使用 display 字重。一條粗 magenta 長條與一條細 acid green 線條組成 L 形括號標記（客製製作，不是下載現成 logo）。
17.5–20.0s SETTLE / LOOP——維持鎖定構圖；微幅呼吸（scale 1.000→1.012→1.000）；last frame == first，準備循環播放。

CONCRETE TECHNIQUES（必須使用——確實實作，不要近似處理）：
1. seek(t) 必須是時間的純函式。不可使用 CSS transitions。不可使用 setInterval。不可讓 React state 跨影格保留。
2. Springs = closed-form step responses。每次 target 改變時疊加一個 spring，讓動態維持 deterministic。
3. Kinetic type：每個 glyph 使用獨立 spring（y、opacity、blur）。Stagger = 120 BPM 下的 1/16 拍（125ms）。
4. Print misregistration：僅在 accent frames 上，以 40% opacity 複製文字圖層，並在 magenta 與 acid green 中分別偏移（±2–4px）。
5. Mask reveal：透過動畫化由離場文字輪廓建立的 path mask，揭示目標文字。
6. Camera：使用一台 orthographic camera；只允許（1.0→1.08）的 punch-in，以及與節拍同步的水平 smash-pan——絕不可隨機漂移。
7. Motion blur：每格渲染 4 個 subframes，再進行混合（tmix-style）。
8. Beat grid：120 BPM，downbeat 位於 t=0。前 16 拍的每一拍都必須有元素落點；之後每隔一拍落點即可。
9. Pre-pass：完整渲染前，先為每個主要節拍輸出一張靜幀（8 張）。修正擁擠的文字、孤立單字與低對比問題——然後再渲染。

BANNED：
一般化的 AI 陳腔濫調（大腦、機器人、神經網路、閃光）、柔和漸層、彈跳式卡通 easing、粒子爆炸、制式的“futuristic HUD”、長段落、旁白式論文腔、Canva 簡報感、鎖定訊息以外的額外標語、紫色／藍色霓虹、玻璃擬態。

如果 Astra 已經讓我們大受震撼……Opus 5.5 簡直是怪物 😱

You are a world-class motion designer doing a 20.00s kinetic identity bumper for TechHalla — an AI creator known for stealable workflows, not vibes. This piece must feel like the best designer in the room made a street-poster that moves. Showreel stakes: if this is weak, you don’t get hired.

DURATION: exactly 20.00 seconds. LOOPABLE: frame 0 == frame last (position, opacity, cursor if any).
FORMAT: one HTML file, 1080×1080 (square, X-native). 60fps.
PALETTE (strict):
- bg # 0A0A0A
- magenta # FF2BD6
- acid green # B8FF00
- white # F5F5F5 only for primary readable type when needed
No other hues. No gradients on UI chrome. Magenta/green may misregister (print offset) by 2–4px on impact frames only.

TYPE SYSTEM (use all three; never one font for everything):
1) Display / scream: Archivo Black (or equivalent ultra-condensed black) — 1–4 words max
2) Urban grotesque: Syne ExtraBold — secondary hits, stacked lines
3) Mono / “prompt code”: IBM Plex Mono Medium — small labels, timestamps, fake prompt crumbs
Tracking: display −40 to −80; mono +20. Optical kerning. No cute script fonts.

MESSAGE (locked — do not soften, do not add filler slogans):
Beat hits in this exact order:
1. STOP SCROLLING
2. AI VIDEO ISN’T EXPENSIVE
3. BAD PROMPTING IS
4. WORKFLOWS > WISHES
5. STEAL THE PROMPT
6. @ TECHHALLA
Supporting crumbs (mono, ≤18 chars, never full sentences): JSON · H3 · SEEDANCE · 0 KEYFRAMES · MAGNIFIC · COPY/PASTE

NARRATIVE ARC (20s):
0.0–2.5s  COLD OPEN — “STOP SCROLLING” slams in from below with spring overshoot; magenta smear trail; acid green baseline ticks across like a waveform.
2.5–6.5s  THESIS A — “AI VIDEO ISN’T EXPENSIVE” locks to a poster grid (baseline grid 8px). Letters scramble (seeded Fisher–Yates per glyph) then snap on the beat.
6.5–10.5s THESIS B — “BAD PROMPTING IS” replaces it via mask wipe through the letterforms (the outgoing line is the mask). Magenta/green channel split on the cut.
10.5–14.5s PROOF FLASH — rapid kinetic stack: WORKFLOWS > WISHES, then mono crumbs orbit a central block like a terminal. One fake “prompt block” types 3 lines max, then gets crossed by an acid green strikethrough that becomes a underline for STEAL THE PROMPT.
14.5–17.5s BRAND LOCK — @ TECHHALLA centers; display weight. A thick magenta bar and a thin acid green rule form an L-bracket mark (custom, not a logo download).
17.5–20.0s SETTLE / LOOP — hold lockup; micro-breath (scale 1.000→1.012→1.000); last frame == first ready for loop.

CONCRETE TECHNIQUES (required — implement, don’t approximate):
1. seek(t) pure function of time. No CSS transitions. No setInterval. No React state across frames.
2. Springs = closed-form step responses. Stack one spring per target change so motion stays deterministic.
3. Kinetic type: per-glyph spring (y, opacity, blur). Stagger = 1/16 note at 120 BPM (125ms).
4. Print misregistration: on accent frames only, duplicate text layer offset (±2–4px) in magenta and acid green at 40% opacity.
5. Mask reveal: destination text revealed by animating a path mask derived from the outgoing word’s outlines.
6. Camera: one orthographic camera; only punch-in (1.0→1.08) and horizontal smash-pans timed to beats — never random drift.
7. Motion blur: render 4 subframes per frame, blend (tmix-style).
8. Beat grid: 120 BPM, downbeat at t=0. Something must land on every beat for the first 16 beats; after that, every other beat is ok.
9. Pre-pass: before full render, export one still per major beat (8 frames). Fix cramped type, orphan words, low contrast — then render.

BANNED:
Generic AI clichés (brains, robots, neural nets, sparkles), soft gradients, bouncy cartoon easing, particle explosions, stock “futuristic HUD”, long paragraphs, narrator essay energy, Canva-deck energy, extra slogans beyond the locked message, purple/blue neon, glassmorphism.

If Astra already blew our minds… Opus 5.5 is a monster 😱