Runable · Launch Video Breakdown: Hook, Pacing & Motion Design
Runable Grow is an agent that runs go-to-market 24/7. Runable raised $21M and is putting $1M back to users at launch.
Scene-by-scene timeline & spoken transcript
The Hook
The Million Dollar Hook & Funding Reveal
“One million dollars. We just raised $21 million in our Series A from Nexus Venture Partners. But that's not what this video is about. In the last few months, we have onboarded over and powered over hundreds of thousands of people, but now it's time to help them.”
- On screen
- One Million Dollars $21,000,000 Series A nexus venture partners But that's not what this video is ab ths we have onboarded over powered over hundreds of thousands of people but now it's time to help them
- Camera
- Medium close-up of the founder, static shot with subtle background blur. Text overlays animate in and out.
- Motion
- Kinetic typography with scale and fade animations, layered over a live-action speaker. Numbers animate with a counting effect.
Product Reveal
Introducing Runable Grow: AI Agent in Action
“Grow your business. Run an agent. It takes care of your marketing, your sales, your customer support, and your operations. It also takes care of your reports.”
- On screen
- Grow your runable.com Build Grow Your Website WEDUMBNBA * MAKES BRANDS IMPOSSIBLE TO IGNORE. Let's grow your business run a + Agent Ultra Running Ads Live Live ChatGPT Ads Google Ads LinkedIn Ads Ultra hello@businessaccount.gmail.com Business Account Name Instagram Connect Notion Connect Contact details Set up email Get phone number Cold Calling Active Calls made 13 Connected 11 Avg Duration 1h Instructions Are you ready to take your business to the next level? Let's talk about promoting your services to those searching nearby... Edit Frequency Every weekday 4:00 PM Your Calls All Calls Call 1 +91 8261324560 • 1h ago • 4m 12s Pause Open in Chat Call 2 +91 8261324560 • 3h ago • 4m 12s Play Open in Chat Call 3 +44 7911123456 • 5m 30s Play Ask Runable for Changes Summarise Calls Roben Mehta @robanmehta any tips for a creative agency? I'm comparing quotes from the with luck great on paper, and Smooth retainer 4:08 PM Aug 25, 2023 38.2K views 41 Comments 404 Likes 12 FINALLY STOPPED It also takes care of your
- Camera
- Digital screen capture, simulating a browser window and various application interfaces. The camera pans and zooms across different UI elements.
- Motion
- UI/UX animation, digital screen capture with dynamic panning and zooming. Elements like text input, dropdowns, and data visualizations animate as if being interacted with. Overlapping cards and social media posts animate with a parallax effect.
Call to Action
The Million Dollar Giveaway
“It also takes care of your reports. And we are putting a million dollars back to small businesses on Grow Ads.”
- On screen
- It also takes care of your a Million Dollars On Grow Ads
- Camera
- Returns to a medium close-up of the founder, static shot. Text overlays animate in.
- Motion
- Kinetic typography with scale and fade animations, layered over a live-action speaker. Numbers animate with a counting effect.
Call to Action
Extended Product Demo & Call to Action
“(No spoken dialogue — The sound design features a consistent, driving electronic beat with a prominent sub-bass line. High-energy audio transitions, including risers and sweeps, culminate in sub-bass drops or impacts. Pizzicato synths, a driving electronic drum beat, and a deep sub-bass create a modern, energetic, and forward-looking feel.)”
- On screen
- (No on-screen text)
- Camera
- Dynamic camera movements, including rapid pans, zooms, and rotations, showcasing various UI elements and abstract data visualizations. The perspective shifts between close-ups of UI components and wider shots of interconnected systems.
- Motion
- Fast-paced motion graphics, abstract data visualizations, UI/UX animations, and dynamic transitions. Elements animate with a combination of spring, ease-in-out, and linear interpolations, creating a sense of speed and efficiency. Glitch effects and subtle lens distortions are used during transitions.
Motion design primitives
Synthesizable in Remotion · key components of the ai-agent-launch-dynamic-ui template.
KineticTextReveal
Text elements appear with a subtle scale-up and fade-in, often accompanied by a numerical count-up effect. Words or phrases can be highlighted with a color change or a slight bounce.
+ Code construction recipe
Use Remotion's `spring` or `interpolate` for scale and opacity. For numerical counts, use `useCurrentFrame` and `interpolate` to animate the number value. Apply `color` and `transform` CSS properties for highlighting.
UIDynamicPanZoom
Simulated screen captures of UI elements are dynamically panned, zoomed, and rotated to highlight specific features or data points. Elements within the UI animate as if being interacted with.
+ Code construction recipe
Implement `AbsoluteFill` with `transform` properties (translate, scale, rotate) controlled by `interpolate` over time. Use nested components for individual UI elements, animating their `opacity`, `transform`, and `background-color` with `spring` or `ease-in-out`.
AbstractDataFlow
Abstract visualizations of data, connections, and processes are shown through animated lines, nodes, and glowing particles. These elements often move in a fluid, interconnected manner, suggesting complex systems at work.
+ Code construction recipe
Utilize Canvas or SVG for drawing lines and shapes. Animate `stroke-dasharray`, `stroke-dashoffset`, `transform`, and `opacity` for lines. Use `filter: blur()` and `box-shadow` for glowing effects. Particle systems can be implemented with `map` over an array of objects, animating their `x`, `y`, and `opacity`.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Credibility Hook
Purpose. Establish authority and intrigue by revealing significant funding and a bold claim, then immediately pivot to the product's true purpose.
Execution. Founder on screen with kinetic text overlays of funding amounts and investor logos, followed by a quick transition to the product's core mission.
- 2
Problem/Solution Introduction
Purpose. Introduce the core problem (business growth challenges) and immediately present the product (Runable Grow) as the comprehensive AI-driven solution.
Execution. Transition from founder to dynamic UI/UX animations showcasing the product's interface and its ability to manage various business functions.
- 3
Feature Showcase & Impact
Purpose. Demonstrate the product's key features and their tangible benefits through interactive UI examples and abstract representations of its capabilities.
Execution. Rapid cuts between different UI screens, highlighting ad campaigns, cold calling, and reporting, interspersed with abstract data flow animations.
- 4
The Generosity & Call to Action
Purpose. Reinforce the product's value proposition and drive immediate engagement through a compelling offer and a clear call to action.
Execution. Return to the founder, revealing the 'million dollars back to users' initiative, with a final visual emphasis on the product name and its benefit.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch an AI-powered financial analytics platform called 'QuantIQ' that provides real-time market insights and predictive modeling for investors.How the recipe adapts
The 'KineticTextReveal' primitive would showcase key financial metrics and investment returns. 'UIDynamicPanZoom' would highlight interactive dashboards with stock charts and portfolio performance. 'AbstractDataFlow' would visualize complex algorithms processing market data and predicting trends. The founder would introduce QuantIQ's ability to democratize advanced financial intelligence, with text overlays emphasizing 'Real-time Insights' and 'Predictive Power'.Remix blueprint · ai-agent-launch-dynamic-ui
Scene durations (4 scenes, 79s)
Key Remotion components
Related AI Agents Product Launches
Explore all AI Agents launches →
To ensure that artificial general intelligence benefits all of humanity
Gopuff introduces Go, an AI shopping assistant built with SpaceXAI: say what you need and the order is placed.
Iliad (Troy) trailer made by Grok Imagine 1.5, which was just released