← All videos

Original prompt — Tested

HyperFrames website-to-launch prompt — URL to launch film

by MotionPrompts (own run)
Launch videoProduct UI

Prompt

Banned list ✓Beat grid ✓Build method ✓Self-review ✓
<direction> A 9-second website-to-launch film for PIXELFORGE, 1280x720 landscape. A browser window draws itself — chrome bar, three dots, and the address bar typing pixelforge.app character by character. Inside, a hero headline and button fade up. Then the window yields: a LIVE stamp lands and the launch lockup — PIXELFORGE IS LIVE — takes the frame with a sub-line. Banned: screenshots of real websites, real brand logos, glows, gradients, fake analytics numbers, browser chrome that looks like a specific real browser's trade dress. </direction> <structure> Beat 1 (0.4s): window frame scales in. Beat 2 (1.2–2.7s): domain types in, one character per 0.09s. Beat 3 (2.8s): hero content fades up. Beat 4 (4.4s): LIVE stamp pops inside the chrome bar. Beat 5 (5.6s): launch lockup slams, sub-line rises. Hold to 9s. </structure> <build> One HyperFrames composition, seek-driven GSAP. Typing is a JS character-stagger. The stamp must live INSIDE the chrome bar's box, not floating over the page area. </build> <gotchas> First snapshot caught the LIVE stamp sitting on top of the nav links — moved it up into the chrome bar where a status badge belongs. Anything stamped on a UI mock needs its own empty lane designed in from the start. </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.

A URL-to-launch film: a browser window builds, the fictional product site's hero types itself in, then a LIVE stamp and the launch line take over. The site inside the frame is a mock built in-frame — no screenshots, no real product.

Run log

What broke (and the fix)

  • The snapshot layout inspection failed the first build: the LIVE stamp landed exactly on top of the site mock's nav links and occluded them for the whole final act (content_overlap errors at 24 timestamps). Moved the stamp into the browser chrome bar, clear of the nav, and raised three small UI texts (URL, nav links, card numbers) to the 19px type floor while I was in there. The re-snapshot is clean.

Related videos

ModelClaude (agent build)
Renderer / stackHyperFrames + GSAP
Iterations to final2
Render time24s (final render)
Format1280×720 · landscape
Published2026-10-25

Submit a video

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