Halftone Mascot to Storefront
A 15-second Pocketsflow launch spot moves from a dithered character hook to storefront and checkout proof in six graphic shots.
By @achxvi for PocketsflowSource onlineOriginal post ↗
Copies get_blueprint("REF-0015") for Claude. Connect Claude
Why it works
The question builds beside a character that enters from the right, then the accent-field change at frame 140 gives the offer examples a clean second beat. A continuous reframe at frame 425 opens the checkout proof into a full UI grid, and the 238-frame proof shot gives the claim visible substance before the dark benefit turn and text CTA.
A starter prompt
The creator shared no short prompt. This is ours, for making a film like it with Claude.
Produce a 15-second promo for {PRODUCT} ({ONE_LINE_PITCH}) in a stark 1-bit print style: pure white canvas, dithered and halftone black illustrations, a dithered mascot that slides in, and tiny monospace labels in the corners with a running timecode and scene tags such as '// 01 — hook'. Structure it as hook, problem, product and call to action, with crisp type reveals and hard cuts on the beat. Assemble it as a Remotion project (1920×1080, 30 fps) and add punchy sound design synthesized in code.Blueprint
The first 2 of 15 plates are open. Claude reads the same plates over MCP.
Plate 01
The format in one breath
A friendly character enters an empty field while a narrator asks a selling question. Three kinds of offer become a storefront, then a close interface demonstration makes the promise tangible before a brief benefit line and text CTA.
Why it works
- The character starts partly offscreen; the full question waits until roughly 2 s, making the opening a visual and verbal reveal.
- The high contrast field change at frame 140 and the phone composition in shot 3 change the scale of the promise without a feature list.
- Shot 4 spends 238 frames on product proof, then shot 5 drops to a measured 0.10 mean luma for the benefit turn.
Plate 02
Format card
| Platform · aspect · length | X · 16:9 · 15.02 s · 1280×720 source · 60 fps; deliver 1920×1080 |
| Pace | 6 shots, 5 boundaries, median shot 2.32 s; two hard cuts |
| Script | Narration-led · measured grid says 29 words covering 53%; v1 transcript estimates 31 words · about 137 wpm overall, 197 while speaking; cuts follow phrases, not the beat |
| Voice | Original bright presenter archetype, high register, animated but intelligible |
| On screen | Character and offer cards → phone store → checkout/admin UI → statement → CTA |
| Type | Eight measured cap-height levels, 12–184 px at 1080p; staged headline and one italic emphasis |
| Sound | Tonal bed, steady 123.53 BPM pulse under phrase-led cuts; −14.3 LUFS reference, −14 LUFS X target |
| Structure | Six beats; product proof in shot 4; CTA in shot 6 |
Tools you'll need: After Effects for motion graphics · screen recordings of the product · ElevenLabs or a recorded voice · 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, timeline and transitions sheets, the same ones Claude reads over MCP.
Shots1 sheet
one frame per shot
Timeline2 sheets
the whole film at fixed steps
Transitions2 sheets
every frame around each cut and in-shot change
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 seconds)
- 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 claudehalftonemascotkinetic typeproduct launchsaasui mockuphigh contrast
