Fomo Developer Badges Reveal
A 25-second motion-led feature launch that turns a hidden-information premise into dark UI proof and a crisp branded reveal.
By @leomeethewoo for fomoSource onlineOriginal post ↗
Copies get_blueprint("REF-4671") for Claude. Connect Claude
Why it works
The opening mark changes shape and scale before the first readable premise at 1.7 seconds, making sparse space feel active. The film then proves its claim with dark product UI around 9.2–13.4 seconds, clears back to a feature title at 20.5 seconds, and ends with availability and logo by 23.7 seconds. Six internal visual changes provide rhythm despite only two measured cuts.
Blueprint
The first 2 of 15 plates are open. Claude reads the same plates over MCP.
Plate 01
The format in one breath
A quiet, design-led launch film asks the viewer to care about a previously hidden piece of information, then reveals the product interface that exposes it. The sequence moves from a small abstract mark and sparse centered words to a large phone UI, a named feature, and a clean availability card.
Why it works
- The logo expands, swaps orientation, and clears the frame before the first line arrives at 1.7 s; the motion gives the opening visual interest without a crowded title.
- Three short type ideas lead to tangible proof: product UI appears around 9.2 s, including a market chart and a holdings card by 12.8 s.
- The feature gets its own title at 20.5 s, followed by an availability line at 22.6 s and a logo at 23.7 s. The ending is understandable without a voiceover.
Plate 02
Format card
| Reference | |
|---|---|
| Platform · aspect · length | X · 720 × 900, 4:5 · 25.3 s · 60 fps |
| Pace | 3 measured shots; 2 clear cuts, 4.7 cuts/min; 2 uncertain changes make a possible 4.7–9.5 cuts/min. 6 internal step changes; about 19 picture changes/min. Mean shot 8.43 s. |
| Script | Sparse on-screen phrases, generally 2–5 words per card. The transcript's 11 late words have low confidence and do not match the visual story; no reliable narration pace can be given. |
| Voice | No confirmed intelligible spoken narration; design for silent comprehension. |
| On screen | All motion graphics and composited product UI; no people or live footage visible. |
| Captions | No speech captions. Centered lower-case kinetic type is the story. |
| Sound | A music-like bed is measured at roughly 110 BPM, low confidence; −17.9 LUFS integrated, −3.0 dBFS true peak. Effects are unverified. |
| Structure | Brand tease → information gap → interface proof → named feature → availability and brand. |
Tools you'll need: Remotion for motion graphics · screen recordings of the product · a licensed or generated music track · Claude alone: partly
Frame sheets
Frame by frame
Stills taken at measured moments, each labelled with its time. Claude gets the same sheets over MCP.
Every frame sheet is Pro
The hook sheet is open. Pro adds the shots sheet, the same ones Claude reads over MCP.
Shots1 sheet
one frame per shot
The rest of the blueprint is Pro
Plates 03 to 15 and the recipe: the timed shots, type and sound specs, and a prompt Claude can run.
Open the full blueprintPro is $16 a month or $120 a year.
- 03The hook, frame by frame (first 3 s)
- 04Structure (beat sheet)
- 05Shot grammar
- 06Visual style guide
- 07Voice and delivery
- 08Sound design
- 09Packaging
- 10Script template
- 11Production plan
- 12Prompts
- 13Edit recipe
- 14QA checklist
- 15Make it yours
- Recipe: the runnable prompt
Films like this
Tagged product launchmotion graphicskinetic typeui revealfeature announcementgradient backgrounddark ui4:5