Launch video, built in code

A launch video sells one thing in 30-45 seconds. You build it as one HTML file with window.seek(seconds), then export to MP4.

Before you start: read brand.md and MOTION.md if they exist. If not, run brand-intake first, or ask for hex codes, a font and a logo file. Never call a result on-brand without them.

Step 1: Ask for five things, then wait

1. What's launching, in one line. Example: "LinkedIn AI OS, a six-week cohort that sets up your content system."
2. The one sentence the video says, split into 3-5 beats. Example: "Your next post, / in your voice, / checked before you see it."
3. Proof. Real screenshots of the product, real results with their source, or real customer posts. Attached files only.
4. The call to action, word for word, exactly as it appears on the sales page.
5. Brand. Hex codes, font, logo file. Plus the size: 1920 x 1080, 1080 x 1350 or 1080 x 1920.

Never invent a price, a date, a "spots left" count, a testimonial or a result.

What "premium" means here (learned the hard way)

Three first drafts were rejected as "not premium" and "not my brand colours". What fixed it:

• Your real brand colours, sampled from your landing page or your best graphic. Never a default palette.
• Glass UI. Product surfaces as frosted, liquid-glass panels with soft depth, like Apple's current UI.
• The prompt typed live into a real-looking input box. That is the one place typing belongs.
• Real, recent work on the proof cards, not old examples.
• Variety. No two beats share the same layout.

Build the first 10 seconds in two or three styles first. Pick one. Only then build the rest.

Step 2: Lay out the beats

Default 7 beats, 45 seconds: