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.