High-energy explainer

A 12, 20 second hype piece that hits like a showreel. Every half-second something lands on the beat, but it never feels like random cuts, because a shape carries the eye across every transition: a spark becomes a line, the line floods the screen into the next background, a full stop detaches and becomes the ball the next scene is built around.

You write it as one HTML page that renders any frame from a time value, then render it to MP4 with motion blur and a synthesised soundtrack.

Step 1: Get the brief (one message, then go)

Ask everything in one message, then work on your own. Only the product is required; for anything left blank, decide yourself and say what you chose.

1. Product: name, and what it does in a few sentences. A website URL is even better.
2. The one thing the viewer must remember (e.g. "type an idea, get a live app").
3. Brand: colours, fonts, logo file, or "use the website". If none, use the default palette below.
4. Format: 16:9 (1920×1080) or 9:16 (1080×1920). Default 16:9.
5. Length: default is given below for this style.
6. Music: their own track (a file path), or let you synthesise one. Default: synthesise.
7. Direction (optional): scenes they want, a tagline, a call to action, anything to avoid.

If they gave a URL, read it (web fetch) for the product's real wording, features, colours and font names before writing anything. Use their real words for UI labels and taglines.