İş akışı sloganları ve "AI VIDEO ISN'T EXPENSIVE" metni içeren dinamik hareketli grafikler

Prompt

Sen, çalınabilir iş akışlarıyla tanınan, havalı görünmekle değil sonuçla öne çıkan bir AI creator olan TechHalla için 20.00 saniyelik kinetik bir kimlik bumper’ı hazırlayan, dünya çapında bir motion designer’sın. Bu çalışma, odadaki en iyi tasarımcının hareket eden bir sokak posterini hazırlamış gibi hissettirmeli. Showreel bahisleri yüksek: Bu zayıf olursa işe alınmazsın.

DURATION: tam olarak 20.00 saniye. LOOPABLE: frame 0 == frame last (konum, opacity, varsa cursor).
FORMAT: tek bir HTML dosyası, 1080×1080 (kare, X-native). 60fps.
PALETTE (strict):
- bg # 0A0A0A
- magenta # FF2BD6
- acid green # B8FF00
- white # F5F5F5 yalnızca gerektiğinde birincil, okunabilir metin için
Başka hiçbir ton kullanma. UI chrome üzerinde gradient kullanma. Magenta/green yalnızca impact frame’lerinde 2–4px oranında yanlış hizalanabilir (print offset).

TYPE SYSTEM (üçünü de kullan; her şey için asla tek bir font kullanma):
1) Display / scream: Archivo Black (veya eşdeğer ultra-condensed black) — en fazla 1–4 kelime
2) Urban grotesque: Syne ExtraBold — ikincil vurgular, üst üste dizilmiş satırlar
3) Mono / “prompt code”: IBM Plex Mono Medium — küçük etiketler, timestamp’ler, sahte prompt kırıntıları
Tracking: display −40 to −80; mono +20. Optical kerning. Sevimli script fontları kullanma.

MESSAGE (locked — yumuşatma, dolgu sloganları ekleme):
Beat hits tam olarak şu sırayla:
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 karakter, asla tam cümleler değil): JSON · H3 · SEEDANCE · 0 KEYFRAMES · MAGNIFIC · COPY/PASTE

NARRATIVE ARC (20s):
0.0–2.5s  COLD OPEN — “STOP SCROLLING” spring overshoot ile aşağıdan sertçe girer; magenta smear trail; acid green baseline tick’leri bir waveform gibi karşıdan karşıya ilerler.
2.5–6.5s  THESIS A — “AI VIDEO ISN’T EXPENSIVE” bir poster grid’ine kilitlenir (baseline grid 8px). Harfler (glyph başına seeded Fisher–Yates ile) karışır, ardından beat üzerinde yerine oturur.
6.5–10.5s THESIS B — “BAD PROMPTING IS”, letterform’ların içinden geçen bir mask wipe ile onun yerini alır (çıkan satır maskedir). Kesim anında magenta/green channel split.
10.5–14.5s PROOF FLASH — hızlı kinetik stack: WORKFLOWS > WISHES, ardından mono kırıntıları bir terminal gibi merkezi bir bloğun etrafında yörüngede döner. Tek bir sahte “prompt block” en fazla 3 satır yazar, ardından acid green strikethrough tarafından kesilir; bu çizgi STEAL THE PROMPT için underline’a dönüşür.
14.5–17.5s BRAND LOCK — @ TECHHALLA merkezlenir; display weight. Kalın bir magenta bar ve ince bir acid green rule, L-bracket işareti oluşturur (özel tasarım, logo indirme değil).
17.5–20.0s SETTLE / LOOP — lockup’ı koru; micro-breath (scale 1.000→1.012→1.000); loop’a hazır olmak için last frame == first.

CONCRETE TECHNIQUES (zorunlu — uygula, yaklaşık bir çözüm kullanma):
1. seek(t), zamanın saf bir fonksiyonu olmalı. CSS transitions kullanma. setInterval kullanma. Frame’ler arasında React state kullanma.
2. Springs = closed-form step responses. Hareketin deterministik kalması için her target change başına bir spring katmanı ekle.
3. Kinetic type: glyph başına spring (y, opacity, blur). Stagger = 120 BPM’de 1/16 nota (125ms).
4. Print misregistration: yalnızca accent frame’lerinde, text layer’ı magenta ve acid green renklerinde %40 opacity ile (±2–4px) offset’leyerek çoğalt.
5. Mask reveal: destination text’i, outgoing word’ün outline’larından türetilmiş bir path mask’i animasyonla açığa çıkararak göster.
6. Camera: tek bir orthographic camera; yalnızca beat’lere zamanlanmış punch-in (1.0→1.08) ve horizontal smash-pan kullan — asla random drift kullanma.
7. Motion blur: her frame için 4 subframe render et, blend uygula (tmix-style).
8. Beat grid: 120 BPM, downbeat t=0’da. İlk 16 beat boyunca her beat’te bir şey yerine oturmalı; sonrasında iki beat’te bir olması yeterli.
9. Pre-pass: full render’dan önce her major beat için bir still export et (8 frame). Sıkışık type’ı, orphan word’leri ve düşük contrast’ı düzelt — ardından render al.

BANNED:
Generic AI klişeleri (beyinler, robotlar, neural net’ler, sparkles), soft gradient’ler, bouncy cartoon easing, particle explosions, stock “futuristic HUD”, uzun paragraflar, anlatıcı kompozisyonu enerjisi, Canva-deck enerjisi, locked message dışında ek sloganlar, purple/blue neon, glassmorphism.

Astra zaten aklımızı başımızdan aldıysa… Opus 5.5 bir canavar 😱

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 😱