News outlets plot on a spin chart in a vertical launch ad
316 views · 5 likes · 0 saves · 0 reposts · Posted Sep 28, 2026 · 0:34 · Product & ads
OUR NOTEA vertical launch ad for grouped.news with serif headlines, drifting news cards, a quadrant chart plotting outlets by tone, an AI summary card and a 'Try it free' end card; built in an hour as a Remotion app, with ElevenLabs voiceover and music.
I made a launch ad for @grouped_news in an hour with Opus 5.5 and Remotion, and I never opened a video editor. I added the voiceover and music with ElevenLabs.
The ad is a React app. It imports my site's CSS tokens and fonts, so it uses the same design system as the site.
I didn't review it by watching renders. It rendered about 20 stills and tiled them into one contact sheet, so I could check a whole cut at a glance before rendering any video.
Captions are measured in the real font and shrink to fit the 9:16 safe zone, so nothing hides under TikTok's buttons. Every cut lands on a 120 BPM grid, which made the music easy to line up.
It's one codebase, so the 30s, 15s and 6s cuts in 16:9 and 9:16 are each a different list of scenes.
My part was saying what felt wrong.THE PROMPT
Partial prompt — the creator shared only part of it.
I made a launch ad for @grouped_news in an hour with Opus 5.5 and Remotion, and I never opened a video editor. I added the voiceover and music with ElevenLabs.
The ad is a React app. It imports my site's CSS tokens and fonts, so it uses the same design system as the site.
I didn't review it by watching renders. It rendered about 20 stills and tiled them into one contact sheet, so I could check a whole cut at a glance before rendering any video.
Captions are measured in the real font and shrink to fit the 9:16 safe zone, so nothing hides under TikTok's buttons. Every cut lands on a 120 BPM grid, which made the music easy to line up.
It's one codebase, so the 30s, 15s and 6s cuts in 16:9 and 9:16 are each a different list of scenes.
My part was saying what felt wrong.MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Indexed Sep 30, 2026, 2:01 PM · Views as of indexing. Video and post © their creator.