Lifestyle · 30 s · built in 11:22

“YOU'RE 47 MINUTES LATE. (with a ticking red "STORY BROKE 47:12 AGO" clock)”

Tactic: TIME-GAP FOMO (a "you're late" countdown). X's value is the lack of delay, so a clock carries the whole story. The ad opens 47 minutes late, shows the stale alerts and recaps where that lag comes from, then X rewinds the clock to 00:00. A live feed with climbing counters follows, and the ad pays off the hook with '0 SECONDS BEHIND'.

Timeline

0:00–0:03HookTicking red clock with 'YOU'RE / 47 MINUTES / LATE.' punching in
0:03–0:07ProblemStale alert, recap and group-chat cards turn gray: '…it's already old.'
0:07–0:12RevealThe clock rewinds to 00:00, then the X logo with pulse rings and 'Happening now.'
0:12–0:18Magic momentLive feed where posts land with 'now' timestamps and counters climb
0:18–0:22BenefitsNews, Sports, Entertainment and Politics trend rows marked LIVE
0:22–0:26Result47:12 struck through; a huge 0 with 'SECONDS BEHIND'
0:26–0:30CTALogo, 'See what's happening.' and the x.com pill with a light sweep

The brief, filled in from the website

Brand: X (formerly Twitter)
Product: X is a real-time social platform where you follow breaking news, entertainment, sports and politics with live commentary as it happens.
Target audience: Culturally-plugged-in adults who want to know what's happening the moment it happens — news junkies, sports fans, and people who live for the conversation.
Main problem: By the time the story reaches everywhere else, it's already old — and you missed the live reaction, the takes and the full context.
Core benefit: Get the full story in real time, with all the live commentary — so you're never behind the moment.
Main offer: NONE
Primary message: Happening now. See what's happening — as it happens.
Website / CTA: x.com

Written from scratch · 17 files, 862 lines

src/components/anim.ts36
src/components/Background.tsx32
src/components/LiveDot.tsx23
src/components/Post.tsx76
src/components/SceneShell.tsx27
src/compositions/PerformanceAd.tsx44
src/config/assets.ts6
src/config/brand.ts23
src/config/content.ts60
src/config/timing.ts14
src/scenes/BenefitsScene.tsx58
src/scenes/DemoScene.tsx93
src/scenes/HookScene.tsx69
src/scenes/OutroScene.tsx69
src/scenes/ProblemScene.tsx81
src/scenes/ProofScene.tsx59
src/scenes/RevealScene.tsx92

Make one for your product

Same pipeline, your link. Ready in minutes.

More examples

“Your first sale. → 1,000,000,000 → Your billionth. Is your stack ready?”

Stripe

“STILL EDITING FOR HOURS? (over a chaotic, twitching editing timeline with an editing-time counter racing past 3 hours)”

CapCut

“48,219 PAGEVIEWS (struck through) → "Pageviews don't pay the bills." → "Revenue does."”

DataFast

“YOUR WEBSITE. / AS AN AD. / IN 90 SECONDS.”

Admocki