Wonder · Launch Video Breakdown: Hook, Pacing & Motion Design
Wonder's first design challenge: $10,000 in prizes, plus free Pro+ for the month to build something wonderful.
Scene-by-scene timeline & spoken transcript
The Hook
Brand Identity & Challenge Reveal
“(No spoken dialogue — High-energy riser/sweep effect, sub-bass drop/impact at 0:01, driving rhythmic electronic beat.)”
- On screen
- Wonder CHALLENGE Now live
- Camera
- Static shot of logo, then a rapid zoom out and text reveal.
- Motion
- Gradient blur transition, scale animation, text reveal with opacity and scale.
Feature Teaser
Prize Incentive & Cursor Interaction
“(No spoken dialogue — Riser builds from 0:04 to 0:05, culminating in a sub-bass impact at 0:05, sustained electronic beat.)”
- On screen
- $10,000 in prizes
- Camera
- Static shot with text, then a quick pan to a cursor element.
- Motion
- Gradient blur transition, scale animation for text, animated cursor path.
Product Reveal
Interactive Design Canvas
“(No spoken dialogue — Final riser and sweep from 0:08 to 0:09, sub-bass impact at 0:09, sustained synth pad.)”
- On screen
- Time to Wonder 1019 x 195 Wondering... Pages Product Design Design System Playground Layers # Frame 123 # Nested_3 # Nested_3 Autolayout Generation image Autolayout Autolayout Absolute Position Frame 123 Frame Frame Absolute Position Frame Absolute Position File name Position X 375 Y 375 Layout W 200 H 80 Flex Padding 24 24 24 24 Margin 24 24 24 24 Appearance 100 % Clip content Typography Inter Regular 24 20 Off All Word Background Fill 0D62FF 100 % Border 000000 10 % 1 Bottom Describe what you'd like to design! Auto Auto
- Camera
- Zoom into a UI element, then a full reveal of the design tool interface.
- Motion
- Animated bounding box, UI element reveal, content generation simulation.
Call to Action
Partnership & Brand Outro
“(No spoken dialogue — Track concludes with a sustained synth pad and subtle electronic shimmer.)”
- On screen
- Wonder x contra
- Camera
- Static shot of partner logos.
- Motion
- Fade to black, logo reveal with subtle scale.
Motion design primitives
Synthesizable in Remotion · key components of the gradient-blur-ai-reveal template.
GradientBlurReveal
A soft, pastel gradient background blurs and then sharpens to reveal text or UI elements, often accompanied by a quick scale or opacity change.
+ Code construction recipe
Utilize Remotion's 'interpolate' for blur radius and opacity, transitioning a 'LinearGradient' or 'RadialGradient' component. Combine with 'spring' for text scale and position.
InteractiveCursorPath
A stylized cursor icon animates along a predefined path, interacting with UI elements like bounding boxes or text fields, simulating user input.
+ Code construction recipe
Implement an SVG path for the cursor's movement. Use 'interpolate' to animate the 'offset-path' property or 'transform' for position along the path. Add 'spring' for click/hover feedback.
DynamicUIContentGeneration
A blank canvas or text input field dynamically populates with generated content, such as images or text, simulating AI-powered design tools.
+ Code construction recipe
Use 'Sequence' to layer in content elements with 'spring' animations for entry. Simulate typing with 'Typewriter' component. For image generation, use 'Img' components with 'delay' and 'opacity' transitions.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Intrigue & Introduction
Purpose. Capture attention and introduce the brand and the core challenge.
Execution. Abstract gradient morphs into a clear logo and bold challenge text, synchronized with a strong audio impact.
- 2
Incentive & Interaction
Purpose. Highlight the reward and hint at the interactive nature of the product.
Execution. Large prize money reveal, followed by an animated cursor demonstrating a key interaction point.
- 3
Product in Action
Purpose. Showcase the product's core functionality and ease of use.
Execution. A dynamic UI reveal, demonstrating content generation and design capabilities within the tool.
- 4
Partnership & Call to Action
Purpose. Reinforce credibility through partnership and provide a clear closing statement.
Execution. Brand logos of Wonder and Contra displayed together on a dark background.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new AI-powered writing assistant called 'FlowWrite' that helps users generate marketing copy quickly.How the recipe adapts
The GradientBlurReveal primitive will introduce the 'FlowWrite' logo and tagline. The InteractiveCursorPath will demonstrate a user typing a prompt and the AI instantly generating copy. DynamicUIContentGeneration will show various marketing copy options populating a document, all with the same fast-paced, impactful transitions and a clean sans-serif font like 'Inter' for readability and modernity. The color palette will shift to a more professional, yet still vibrant, set of blues and greens.Remix blueprint · gradient-blur-ai-reveal
Scene durations (4 scenes, 13.1s)
Key Remotion components
Related Creative Tools Product Launches
Explore all Creative Tools launches →
Anthropic Labs launches Claude Design, which turns conversation into prototypes, slides and one-pagers, powered by Claude Opus 4.7.
A vibe design partner with an AI-native canvas for turning ideas into UI.
Your work tools in Claude are now available on mobile. Explore Figma designs, create Canva slides, check Amplitude dashboards, all from your phone. Give it a try: