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.
20 秒可循环的 1080×1080 动态文字片头,黑底配洋红和荧光绿,逐字弹簧、蒙版擦除、套印错位。 英文标题:Kinetic type bumper for a creator brand 中文提示词译文: 你是一位世界级的动效设计师,正在为 TechHalla 做一支 20.00 秒的动态标识片头(kinetic identity bumper)。TechHalla 是一位 AI 创作者,以“可以直接拿走的工作流”而不是空谈氛围出名。这支片子必须让人觉得是全场最强的设计师做了一张会动的街头海报。按作品集的标准来:如果做得弱,你就拿不到这份工作。 时长:精确 20.00 秒。可循环:第 0 帧 == 最后一帧(位置、不透明度,如有光标也包括光标)。 格式:一个 HTML 文件,1080×1080(方形,适配 X)。60fps。 配色(严格): - 背景 # 0A0A0A - 洋红 # FF2BD6 - 荧光绿 # B8FF00 - 白色 # F5F5F5,仅在需要时用于主要的可读文字 不允许其他色相。UI 外框不用渐变。洋红/绿色只可在冲击帧上错位 2–4px(印刷套印偏移)。 字体系统(三种都要用,绝不一种字体用到底): 1) 展示 / 呐喊:Archivo Black(或同类超窄超粗字体)——最多 1–4 个词 2) 城市怪诞体:Syne ExtraBold——次级重音、堆叠的行 3) 等宽 / “提示词代码”:IBM Plex Mono Medium——小标签、时间码、伪提示词碎片 字距:展示字 −40 到 −80;等宽 +20。视觉字偶距。不要花哨的手写体。 文案(锁定——不要弱化,不要加凑数的口号): 按以下精确顺序出现: 1. STOP SCROLLING 2. AI VIDEO ISN’T EXPENSIVE 3. BAD PROMPTING IS 4. WORKFLOWS > WISHES 5. STEAL THE PROMPT 6. @ TECHHALLA 辅助碎片(等宽,≤18 个字符,绝不用完整句子):JSON · H3 · SEEDANCE · 0 KEYFRAMES · MAGNIFIC · COPY/PASTE 叙事弧线(20 秒): 0.0–2.5s 冷开场——“STOP SCROLLING” 带弹簧过冲从下方砸入;洋红拖影;荧光绿基线像波形一样横向跳过。 2.5–6.5s 论点 A——“AI VIDEO ISN’T EXPENSIVE” 锁定到海报网格上(8px 基线网格)。字母先打乱(每个字形用带种子的 Fisher–Yates),再踩拍归位。 6.5–10.5s 论点 B——“BAD PROMPTING IS” 通过穿过字形的蒙版擦除替换上一句(出场的那行字本身就是蒙版)。切换时洋红/绿色通道分离。 10.5–14.5s 证据闪现——快速的动态堆叠:WORKFLOWS > WISHES,然后等宽碎片像终端一样绕着中央方块旋转。一个伪“提示词块”最多打出 3 行,然后被一条荧光绿删除线划掉,这条线再变成 STEAL THE PROMPT 的下划线。 14.5–17.5s 品牌锁定——@ TECHHALLA 居中;展示字重。一条粗洋红条和一条细荧光绿线组成 L 形括号标记(自定义,不是下载的 logo)。 17.5–20.0s 收束 / 循环——停在锁定画面;微呼吸(缩放 1.000→1.012→1.000);最后一帧 == 第一帧,可直接循环。 具体技法(必须实现,不许近似): 1. seek(t) 是时间的纯函数。不用 CSS transitions。不用 setInterval。帧之间不保留 React state。 2. 弹簧 = 闭式阶跃响应。每次目标变化叠加一个弹簧,让运动保持确定性。 3. 动态文字:每个字形一个弹簧(y、不透明度、模糊)。错开间隔 = 120 BPM 下的十六分音符(125ms)。 4. 印刷套印错位:只在重音帧上,复制文字层,以洋红和荧光绿、40% 不透明度偏移(±2–4px)。 5. 蒙版揭示:用从出场单词轮廓得到的路径蒙版做动画,揭示目标文字。 6. 摄像机:一台正交相机;只允许推近(1.0→1.08)和踩拍的横向猛摇——绝不随机漂移。 7. 运动模糊:每帧渲染 4 个子帧并混合(tmix 风格)。 8. 节拍网格:120 BPM,t=0 为强拍。前 16 拍每一拍都必须有东西落下;之后隔一拍即可。 9. 预渲染:完整渲染前,每个主要节拍导出一张静帧(8 帧)。修掉拥挤的排版、孤字、低对比度——然后再渲染。 禁止: AI 陈词滥调(大脑、机器人、神经网络、闪光)、柔和渐变、弹跳的卡通缓动、粒子爆炸、素材库式“未来感 HUD”、长段落、旁白式散文腔、Canva 幻灯片腔、锁定文案之外的额外口号、紫/蓝霓虹、毛玻璃(glassmorphism)。 需要输入:none 原始发布:https://x.com/techhalla/status/2103411244468498547 来源许可/权利说明:CC BY 4.0(仓库采用 CC BY 4.0;社区 Prompt 与视频权利归原作者并受原帖条款约束,保留完整归属)
继续探索相似创作思路

commerce Main Image - Rhode Lip Treatment Comparison Ad

Social Media Post - Watercolor Anime Fashion Illustration from Photo

commerce Main Image - Deadpan Character Product Photo Prompt

Ceramic Kiln Fire Growth Rings Poster

Medieval MMORPG Inventory UI Screenshot

Anime Character Turnaround Sheet