← All videos

1080×1080 · 1:1 square HTML Single-file HTML + GSAP (seek-driven)

Run log

ModelClaude (agent build)
Renderer / stackSingle-file HTML + GSAP (seek-driven)
Iterations to final2
Render time16.7s (final render)
Format1080×1080 · 1:1 square
Published2026-10-25

What broke (and the fix)

  • Iteration 1: the seal wordmark at 64px overflowed the inner ring on both sides — reduced to 54px with 6px tracking and re-rendered clean.
Original prompt Tested

Logo reveal prompt — stamp/seal mechanical — HTML prompt (a seal slams down, then the tagline lands)

by MotionPrompts (own run)
logo revealstamp

Prompt

Banned list —Beat grid —Build method —Self-review —
<direction> An 8-second stamp/seal logo reveal in single-file HTML (1080x1080, 240 frames at 30fps, rendered via HyperFrames). House style: near-black #0a0a0a background, white type, ONE orange accent #ff5c1a, Arial/Helvetica bold, no webfonts. A circular seal slams down like a rubber stamp — big rotation, hard landing, one settle bounce — an impact ring pulses out, then the tagline lands. Fictional brand only — never a real company's seal or name. No gradients, no paper textures, no extra decoration inside the seal. </direction> <structure> Seconds 0.0-0.8 — Kicker "LOGO REVEAL — Ironclad Supply Co." in orange, top left. Seconds 0.8-1.35 — The seal slams in: scale 2.4 to 1, rotation -14 degrees to 0, fast ease-in. It IS the logo: outer ring, inner ring, "Ironclad" large, three orange stars, "Supply Co.", "EST. 2026". Seconds 1.35-1.77 — One settle bounce: scale dips to 0.96 and back to 1. No second bounce, no loop. Seconds 1.35-2.45 — An orange impact ring expands from the seal (scale 0.6 to 1.4) and fades to nothing. Seconds 2.6-8.0 — Tagline "Pressed. Sealed. Shipped." fades in below the seal; a small grey footer line names the brand as fictional and the film as a prompt test. </structure> <build> Single HTML file with a local GSAP copy and a seek-driven timeline (window.__timelines["main"]). The slam is a scale + rotation tween with a power4.in ease; the bounce is two short scale tweens after it. The impact ring is a separate bordered circle div, never part of the seal. Size the seal text to fit INSIDE the inner ring with clear margin on both sides — for an 8-letter name in a 560px seal, 54px type with 6px tracking fits; scale the size down for longer names, never let a letter touch the ring. </build> <gotchas> - The seal text must sit inside the inner ring with margin — a wordmark that touches or crosses the ring is the one defect this format has, and it is visible in every frame after the slam. - The rotation must settle at exactly 0 degrees: a seal left tilted by even 2 degrees looks dropped, not stamped. - The impact ring must fully fade out: a lingering ring reads as a second seal. - The slam happens exactly once. A looping stamp turns a logo reveal into a screensaver. - Check the 70% frame as a still: all seal text inside the rings, tagline clear of the seal, nothing clipped at the square edges. </gotchas> Before you finish: step through the timeline at five points and fix anything that overlaps, clips the frame, or drifts off the beat grid.

Use this prompt

Runs as written. The sizing rule in <build> is load-bearing: seal text that touches the inner ring is the one visible defect this format has.

Related videos

Logo reveal prompt — minimal line draw — HyperFrames prompt (one line draws the mark, then the name lands)
Logo reveal prompt — minimal line draw — HyperFrames prompt (one line draws the mark, then the name lands)
HyperFrames·16:9 landscape Tested
Monogram logo animation prompt — letter build — Remotion prompt (two letters slide in and lock into a frame)
Monogram logo animation prompt — letter build — Remotion prompt (two letters slide in and lock into a frame)
Remotion·1:1 square Tested
Wordmark animation prompt — text-only reveal — HyperFrames prompt (letters land one by one, then the rule draws)
Wordmark animation prompt — text-only reveal — HyperFrames prompt (letters land one by one, then the rule draws)
HyperFrames·16:9 landscape Tested
Vertical logo reveal prompt — icon + wordmark — HyperFrames prompt (diamond mark draws, name lands beneath)
Vertical logo reveal prompt — icon + wordmark — HyperFrames prompt (diamond mark draws, name lands beneath)
HyperFrames·9:16 vertical Tested

Submit a video

Know a motion video made with an AI coding model? Send the post. Rules: