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.
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.