Gumball · Launch Video Breakdown: Hook, Pacing & Motion Design
Gumball is a model-agnostic, proactive, self-improving AI agent that runs in your company's private cloud.
Scene-by-scene timeline & spoken transcript
The Hook
Introducing Gumball: Your Always-On Cloud Agent
“(No spoken dialogue — Ambient electronic score with pizzicato synths and sub-bass drops. Builds energy with risers.)”
- On screen
- your always-on always-active cloud agent every email all the context. gumball manages today's tasks
- Camera
- Static, centered framing on text and UI elements. Subtle zooms and pans to highlight specific interactions.
- Motion
- Text reveals with character-by-character animation, UI elements sliding in and out, ghost character appearing and disappearing with a bouncy, elastic motion.
Product Reveal
Gumball's Proactive Management & Reachability
“(No spoken dialogue — The electronic score maintains its dynamic energy, with more prominent percussion and synth melodies accompanying visual transitions.)”
- On screen
- prepping battle cards... reviewing campaign... compiling numbers... getting all documents... and is always reachable gumball@gumloop.ai @gumball gumball routes to the best model for the
- Camera
- Static framing, focusing on lists and text. Slight camera shake on impactful transitions.
- Motion
- Checkmark animations, text fading in/out, application icons appearing with a pop, ghost character animating within search bars and task lists, demonstrating interaction.
Feature Teaser
Model-Agnostic Routing & Cost Efficiency
“(No spoken dialogue — The score intensifies with more complex synth layers and rhythmic elements, building anticipation.)”
- On screen
- #launch: can someone pull this week's numbers? Routing to Kimi K3... content calendar: new entry added to Q3 plan Routing to GPT 6 Astra... GPT Sol $3.15 Flash v4 $0.48 bringing your cost per task all the way down
- Camera
- Static, centered view on text and icons. Quick cuts between different model routing scenarios.
- Motion
- Typing animation in search bars, model icons appearing with a subtle bounce, price tags highlighting with a color change and scale animation, demonstrating cost reduction.
Call to Action
Private Cloud & Call to Action
“(No spoken dialogue — The music reaches a peak with a final sub-bass drop and then fades out, leaving a sense of completion.)”
- On screen
- Slack etiquette Key KPIs Slop Detector Fraud Detection all within your own aws cloud try at Gumloop
- Camera
- Static framing, focusing on feature bubbles and brand logos. Final shot centers the company logo.
- Motion
- Feature bubbles floating and rotating into view, text reveals with a subtle elastic effect, brand logos appearing with a clean fade-in, final logo reveal with a confident scale.
Motion design primitives
Synthesizable in Remotion · key components of the bouncy-ui-agent-launch template.
BouncyGhostReveal
A stylized ghost character (Gumball's mascot) appears with an elastic, bouncy motion, often peeking from behind UI elements or text, then retracts or moves to another position.
+ Code construction recipe
Use `spring()` for x/y position and scale, with high damping and moderate stiffness for the bouncy effect. Combine with `interpolate()` for opacity changes. SVG path animation for eye blinks.
DynamicTextHighlight
Key text elements or numbers are highlighted with a background color fill that expands or fades in, often accompanied by a subtle scale or bounce effect.
+ Code construction recipe
Employ `interpolate()` for `backgroundColor` and `scale` properties. Use `clipPath` or `maskImage` to animate the highlight fill. Apply `spring()` for a subtle bounce on reveal.
AppIconPopIn
Application icons (Slack, Gmail, AWS) appear with a quick, energetic pop-in animation, often involving a slight overshoot and bounce, sometimes rotating slightly.
+ Code construction recipe
Utilize `spring()` for `scale` and `rotate` properties, with a low damping ratio for the overshoot. Combine with `interpolate()` for `opacity` to fade in simultaneously.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Agent's Introduction
Purpose. Introduce Gumball as an omnipresent, proactive AI agent that integrates seamlessly into daily workflows.
Execution. Rapid-fire text reveals, UI elements showing email and context, and the Gumball ghost mascot peeking and interacting with the interface.
- 2
Task Management & Reachability
Purpose. Demonstrate Gumball's ability to manage diverse tasks across platforms and its constant availability.
Execution. Animated task lists with checkmarks, a sequence of communication app icons, and Gumball's email/handle across different services.
- 3
Intelligent Routing & Efficiency
Purpose. Highlight Gumball's model-agnostic routing and its benefit in reducing operational costs.
Execution. Typing animation in a search bar, various AI model logos appearing, and a clear visual comparison of task costs between models.
- 4
Security & Call to Action
Purpose. Reassure users about data privacy (private cloud) and provide a clear call to action.
Execution. Floating feature bubbles, emphasis on 'AWS cloud' with the logo, and a final reveal of the company name 'Gumloop'.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new project management AI called 'FlowState' that automates task delegation and progress tracking.How the recipe adapts
The FlowState video would feature a new mascot, perhaps a stylized 'flow' icon, appearing with bouncy animations around task cards and progress bars. Text like 'automates delegation' would use DynamicTextHighlight. AppIconPopIn would showcase integrations with Jira and Asana. The overall pacing would remain fast, emphasizing efficiency.Remix blueprint · bouncy-ui-agent-launch
Scene durations (4 scenes, 46s)
Key Remotion components
Related AI Agents Product Launches
Explore all AI Agents launches →
To ensure that artificial general intelligence benefits all of humanity
Introducing Claude Fable 5: a Mythos-class model that we’ve made safe for general use. Its capabilities exceed those of any model we’ve ever made generally available. https://t.co/2AvmEjHIX8
To understand the true nature of the universe.