Businesses in ChatGPT Launch Tour

A clean, music-led announcement turns a business claim into a guided tour of useful actions. It alternates large declarative type with actual interface proof, then closes on one imperative.

Why it works

• The first 3 seconds make the premise legible before any interface detail.
• The five measured hard cuts at frames 200, 245, 682, 972 and 1240 separate jobs without breaking the light, consistent canvas.
• The beat grid supplies momentum while small UI changes carry information; 34 of 49 recorded cues are on beats.

Tools you'll need: Remotion for motion graphics · screen recordings of the product · a licensed or generated music track · Claude alone: partly

Hook formula (inferred): Your {{PRODUCT}}, now with {{FEATURE}}. Why it holds (inferred): The centred sentence stays spatially stable while the examples change. The opening is a typographic promise before it asks viewers to inspect UI.

Retention map (inferred): re-hooks at the large type bridges around 8.17, 20.9 and 32.4 s; payoff is the mobile answer and analytics in beats 4–5; call to action is beat 6; ending is a hard stop with no fade to black.

Mix: Mostly 2D interface demonstrations and full-frame type, with small dimensional commerce props in beats 1 and 6. Rhythm: The indexed shot is continuous only in metadata. Five measured internal hard cuts establish six visual phases; builds and replacements occur between them.

Rules this editor follows (inferred):

• Let the important title finish before introducing dense UI.
• Keep the camera plane fixed; move cards, words, cursor and props inside it.
• Use the same light field across hard cuts so the subject, rather than a background change, signals the new beat.

• Look (inferred): High-key, nearly white field and fine grey card boundaries; dark text and a single brighter action colour. The reference uses a mostly white palette; replace it by role with {{BRAND_BG}} and {{BRAND_ACCENTS}}.
• Graphics and overlays (inferred): Small retail objects at the edges, fine bordered cards, gentle shadows and cursor actions. Keep product images supplied in {{UI_ASSETS}}.
• Transitions (inferred): Five instantaneous full-frame hard cuts (plate 5); all other picture changes are element animation or content swaps.
• Branding and end card (inferred): Centred imperative followed by {{LOGO}} and {{CTA_URL}} in text. The reference ends on its wordmark rather than a fade to black.

      0s         10s        20s        30s        40s
mean  ██████████ ██████████ ██████████ ██████████ █████████
p95   ██████████ ██████████ ██████████ ██████████ █████████

:root { --brand-bg: {{BRAND_BG}}; --brand-accent: {{BRAND_ACCENTS}}; --ink: color-mix(in srgb, var(--brand-bg) 4%, black); }
.frame { background:var(--brand-bg); color:var(--ink); font-family:{{BRAND_FONT}}; }
.ui-card { background:color-mix(in srgb,var(--brand-bg) 97%,white); border:1px solid color-mix(in srgb,var(--ink) 9%,transparent); border-radius:22px; box-shadow:0 10px 30px rgba(0,0,0,.06); }
.action { color:var(--brand-accent); }
.prop { filter:drop-shadow(0 12px 14px rgba(0,0,0,.10)); }

Measured: The transcript recogniser returned music as a few words. Plate 8 finds speech over only 1% of the film. Voice direction (inferred): No voice. The music and picture carry it; preserve quiet space around title builds.

• Music (inferred): Tonal electronic bed with a steady, soft kick and bright bell/pluck accents; lower the density under dense UI, then thin it for beat 6.
• Sound effects (inferred): Align the opening whoosh to frame 6 and title hit to frame 20; use tiny cursor clicks for actual UI actions, under the music.
• Silence and space (inferred): No abrupt silence during the demo; leave an airy tail under the end card. The measured outro is quieter than the steady body.

▇▇██▇▇██▇▇ ███▇▇█████ ▇█████████ ██████▇██▇ ▇▇█▇▇█▆▅▁

• Title (inferred): “Introducing {{FEATURE}} for {{PRODUCT}}” — direct announcement, no mystery headline.
• Cover / thumbnail (inferred): One clean UI card centred on {{BRAND_BG}}, one short benefit line and a small {{LOGO}}.
• Post copy (inferred): One sentence for the new capability, two concrete uses, availability terms, then {{CTA_URL}}.
• Audience signals: 23,949 views and 108 comments at capture; comments include confusion about what the feature does, so make the new version's first line explicit.

(inferred) Music-led on-screen copy only. Keep each chapter line under seven words; UI labels state real actions and outcomes.

[beat 1 · shot 1] Your {{PRODUCT}}, now with {{FEATURE}}.
[beat 2 · shot 1] Claim it. Keep your information current.
[beat 3 · shot 1] Add your real catalog.
[beat 4 · shot 1] Answer questions from approved information.
[beat 5 · shot 1] See how people discover you.
[beat 6 · shot 1] Get started with {{PRODUCT}}. {{LOGO}}  {{CTA_URL}}

Two routes (inferred)

Minimum: Claude alone. Remotion with HTML/CSS and CSS 3D builds the typography, cards, chart, cursor, shallow edge props and an original synthesized music bed at 1920×1080/30 fps. Simplify the edge objects into flat illustrated silhouettes and use only real {{UI_ASSETS}} or code-built UI. It gives up the reference's polished prop textures and some interface detail; the user supplies authentic product data and imagery.

Full: with the toolkit. Design authentic screens and product cards in Figma or code; export 1920×1080 PNGs/PNGs with alpha and a JSON manifest of real labels. Build the animation and camera/element keyframes in Remotion at 1920×1080/30 fps. Create original music and tiny UI sounds in a DAW as 48 kHz WAV with a beat/click track; assemble and master in Resolve or FFmpeg to 1920×1080/30 fps H.264. Handoffs: design → Remotion, alpha PNG sequence plus data JSON; Remotion → edit, ProRes or lossless 1920×1080/30 fps render; DAW → edit, 48 kHz stereo WAV and click track; edit → H.264 MP4.

Asset honesty: Use real product captures or your own UI rebuilt in code; where no image exists, a type tile says so. Never generate product UI, fake screenshots, invented results, reviews or metrics. In beat 5, either use measured analytics from {{PRODUCT}} or label the chart as illustrative.

Script prompt

Write six concise on-screen lines for {{PRODUCT}} and {{FEATURE}} using the beat functions in plate 4. Every claim must map to a real screen or supplied {{UI_ASSETS}}. Use sentence case; keep chapter lines under seven words. Close with {{LOGO}} and {{CTA_URL}} as plain text.

Music prompt

Original 136 BPM G-minor minimal electronic bed for a bright UI announcement: soft steady pulse, restrained sub, short glass-pluck accents on reveals, sparse under detailed screens, airy resolved ending; no vocals or borrowed motif.

How it's built (inferred)

Signature move: title becomes proof. The hook first establishes a fixed central type plane, while small props travel along the perimeter. From f2–12 slide props up about 8.5% frame height, then from f12–52 scale the central moving region to about 0.52 with a slight left/up drift (plate 5). The repeated name in the middle works as a content swap inside a fixed clipping window; make the outgoing text opacity 0 while the incoming word rises 12 px over 8–10 f. At f100–108, move the active element right around 3.4% frame width; after that, reveal a real business card, keeping the white field. Use cubic-bezier(.22,1,.36,1) for the type and card settling; use cubic-bezier(.42,0,.8,1) for the first upward acceleration. The camera itself stays level: plate 5's static? reading is low confidence, and the sheets show element motion, not a dolly.

The five hand-offs. At f200, replace the business card with a claimed-state card on that frame: 0-f hard cut, then build the badge/content within the new phase. At f245, hard cut from card to title; the word build following that cut is element animation. At f682, hard cut from the chapter line to the agent setup UI; reveal text and mobile panel after the cut. At f972, hard cut from product page to the analytics chapter; type completes over subsequent frames. At f1240, hard cut from analytics UI to the call-to-action title. Keep these distinct from the soft changes inside phases. No “no visible cut” boundaries are measured.

Other element methods. For beat 2, move a vertical stack of form cards under a stationary viewport; keyframe the stack y position, not the camera. For beat 3, stage upload tile → table → storefront as content replacements; use real products and keep their cards within one mask. For beat 4, anchor the phone panel at a consistent x position, enlarge it with transform scale and swap the screen content only at a logical tap. For beat 5, build the metric row first, then reveal chart arc segments and the edit panel; the timeline tiles show a title-to-metrics change around 34.2 s and chart build around 36.5 s. Use opacity/clip masks for these, not additional cuts. At the end, let the central imperative yield to the wordmark and coloured dot; no fade to black.

Cadence and blur. Animate on ones at 30 fps; plate 5 reports about 28.2 unique frames per second while moving. Use 180° shutter-equivalent blur (roughly 1/60 s) only on fast prop edges and the cursor; leave text and UI sharp. Export moving props with 2× supersampling to avoid thin-outline shimmer. The aggregate 23.6-s element path in plate 5 spans multiple unrelated objects, so do not apply its −89.1° roll or ×0.24 total scale to one card.

Build order

1. Lay out beats 1–6 as one Remotion composition with the five hard-cut frames from plate 5; keep each phase's internal layers separate.
2. Implement the type hierarchy and boxes in plate 6; replace all reference-specific words and imagery with the declared slots.
3. Build the signature hook motion and the five hand-offs, then the UI content swaps and chart animation.
4. Add the original bed to the tracked beat and cue grid in plate 8; master and render.

• Five hard cuts land at f200, f245, f682, f972 and f1240, within ±1 f; all other changes are inside shot 1.
• Essential text is ≥38 px cap at 1920×1080; in vertical or square exports it is ≥22 px cap.
• Hook's measured moving-region segment reaches about ×0.52 by f52, without scaling the whole frame.
• First whoosh and title hit are within ±1 f of f6 and f20; other intentional accents align to the tracked beat/cue frames.
• YouTube master is near −14 LUFS integrated with true peak ≤−1 dBTP.
• No reference brand colour, font, mascot, logo, slogan, or music survives; all shown UI/results are authentic or plainly illustrative.
• The frame remains high-key through the ending; there is no fade to black.

Brand slots

What this film avoids (keep these out too):

• No voiceover or talking head.
• No stock footage, fake screenshots or invented customer results.
• No feature-list montage or heavy UI chrome around the white field.
• No QR code, store badges or black closing fade.

Brand-distance warning (inferred): A white field, blue verified badge, colourful retail trinkets and the original product wording together will read as the reference brand. Change the badge shape and edge-object visual language first, then apply your own type and palette.

Adapt the aspect (inferred):

• 9:16: Re-lay out; the measured centre crop keeps only 5 of 27 boxes. Stack UI cards under the title, move edge props inside the safe middle 80%, keep essential type ≥22 px cap, and leave top/bottom platform controls clear.
• 1:1: Centre crop, then move the three lost measured boxes inward. Fit the dashboard as two stacked cards, keep essential type ≥22 px cap, and protect a 10% edge margin for feed overlays.

Adapt the length (inferred):

• 15 s: Keep the premise, one authentic action/proof sequence, and beat 6; drop the optional detailed form and analytics tours.
• 30 s: Keep all six beat functions but compress the UI dwell and show one example per action.
• 60 s: Add real proof within beats 3–5, such as one extra product, one customer question and one interpretable analytics view; keep the opening and end-card timing crisp.

The creator's signature (don't copy): Its wording, brand marks, exact prop set, accent palette and music. The transferable format (do copy): Declarative hook → genuine product steps → concrete outcome → clean text call to action, paced by a restrained beat grid.

Source: https://www.youtube.com/watch?v=Z9k5oI3Paoc · measured 2026-11-11 · (measured) = read off the film · (inferred) = construction reading