News outlets plot on a spin chart in a vertical launch ad
316 views·5 likes·Posted 29 Sept 2026 · 0:34 · Product & Ads
Our note
A 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.
The creator’s post
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
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
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
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, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
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 →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth