← All videos

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

Run log

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

What broke (and the fix)

  • First still: the FIRST 1,000 USERS pill grazed the rising line at its bottom-right corner (the line met the pill's bottom edge exactly). Moved the pill up 22px (top 378px to 356px); the re-render's final frame is clean, with all three pills clear of the stroke.
Original prompt Tested

Growth story — HyperFrames prompt (milestone film, users and MRR)

by MotionPrompts (own run)
Charts

Prompt

Banned list —Beat grid —Build method —Self-review —
<direction> A 9-second growth story film (1280x720, 30fps) for the fictional startup Fernline. House style: near-black #0a0a0a, white type, ONE orange accent #ff5c1a, Arial/Helvetica bold, no webfonts. A rising line carries three milestones: FIRST 1,000 USERS, 10,000 USERS, $12K MRR. The film is labelled "SAMPLE STORY — FICTIONAL STARTUP" on screen throughout, and closes on SMALL WINS, COMPOUNDED.. Banned: real startups, real revenue claims, hockey-stick exaggeration without a labelled scale, glows, gradients. </direction> <structure> 0.0-0.8s: kicker "GROWTH STORY — Fernline (FICTIONAL)" + headline "FROM ZERO TO MOMENTUM." in. 0.8-3.0s: line draws to milestone 1; "FIRST 1,000 USERS" pops. 3.0-5.4s: line climbs to milestone 2; "10,000 USERS" pops. 5.4-7.4s: line climbs to milestone 3; "$12K MRR" pops with the end dot. 7.4-9.0s: endline "SMALL WINS, COMPOUNDED." + "SAMPLE STORY — FICTIONAL STARTUP"; hold. </structure> <build> One HyperFrames composition, 1280x720, seek-driven GSAP timeline, paused. The line is an SVG path drawn by stroke-dashoffset; milestones are dot + label pairs that pop when the line reaches them. Render at 30fps. </build> <gotchas> - Milestone labels must alternate above/below the line where the climb is steep, or they stack on each other. - The sample-story label must be visible in the opening frame, before any milestone lands. - The final dot must sit exactly on the line's end point. </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

A sample story, labelled as one from the first frame: Fernline is fictional, the milestones are illustrative, and the film never claims otherwise.

Related videos

Product UI morph — one shape, many states
Product UI morph — one shape, many states
HyperFrames·Square Tested
Remotion data prompt — CSV to animated bar chart
Remotion data prompt — CSV to animated bar chart
Remotion·Landscape Tested
Remotion bar race prompt — rankings over time
Remotion bar race prompt — rankings over time
Remotion·Landscape Tested
Remotion count-up stats prompt — number story
Remotion count-up stats prompt — number story
Remotion·Square Tested

Submit a video

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