← All videos

1280×720 · 16:9 landscape HyperFrames HyperFrames + GSAP

Run log

ModelClaude (agent build)
Renderer / stackHyperFrames + GSAP
Iterations to final1
Render time23s (final render)
Format1280×720 · 16:9 landscape
Published2026-10-25

What broke (and the fix)

  • Nothing broke — check passed first try and the first render shipped.
Original prompt Tested

SaaS launch video — HyperFrames prompt (wordmark slam + product window)

by MotionPrompts (own run)
Launch videoProduct UI

Prompt

Banned list —Beat grid —Build method —Self-review —
<direction> A 9-second SaaS launch film for a fictional product, built as a single HyperFrames composition (1280x720, 30fps). House style: near-black #0a0a0a background, panels #141414, borders #2a2a2a, text #ffffff/#c9c9c9, ONE accent #ff5c1a, Arial/Helvetica bold, no webfonts. This run's accent: #ff5c1a. The film slams the headline, proves it with a living product window, and lands one CTA. No gradients, no stock photos, no real brand logos, no lorem ipsum, no purple/blue tech gradient. </direction> <structure> 0.0-0.8s — Near-black. A small accent kicker fades in top-left: "LAUNCH FILM — Flowbase". 0.8-2.4s — The headline SHIP FASTER. scales from 1.25 down to 1 with a hard ease — a slam, not a fade. Beneath it, the tagline: "The workspace your team opens first." 2.4-5.6s — Headline exits up. A product window (rounded panel, window dots, URL bar) rises in: three KPI counters count up (labelled DEMO DATA in the fine print), one bar chart grows, one accent line draws across. 5.6-7.6s — Three feature chips pop in stagger: REAL-TIME SYNC / KEYBOARD-FIRST / ZERO SETUP. 7.6-9.0s — Everything settles to the end card: wordmark, the CTA pill "START FREE" pops with a back ease, and the fictional-product fine print. </structure> <build> One paused GSAP timeline registered as window.__timelines["main"]; seek-driven only (no wall-clock, no rAF loops). Counters animate plain objects with onUpdate writing formatted textContent (toLocaleString). Build the whole product UI from divs and one inline SVG — no screenshots, no images. </build> <gotchas> - The fine print must sit BELOW the CTA button's pop zone; give it its own band or the inspector flags it occluded. - Counter targets must be reached exactly on the final frame — ease power2.out over a fixed window and round in onUpdate. - No emojis in UI labels; checkmarks are the only glyph allowed. </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 verbatim with the placeholders swapped. The KPI counters land exactly on their targets; the fine print labels every number demo data, and the product is fictional by design.

Related videos

Remotion pricing promo prompt — plan cards
Remotion pricing promo prompt — plan cards
Remotion·Landscape Tested
AI showreel prompt for a product — square cut
AI showreel prompt for a product — square cut
HyperFrames·Square Tested
Claude motion graphics prompt — business promo video
Claude motion graphics prompt — business promo video
HyperFrames·Landscape Tested
HyperFrames website-to-launch prompt — URL to launch film
HyperFrames website-to-launch prompt — URL to launch film
HyperFrames·Landscape Tested

Submit a video

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