Cognition · Launch Video Breakdown: Hook, Pacing & Motion Design
Makers of Devin, the first AI software engineer. We are an applied AI lab building end-to-end software agents.
Scene-by-scene timeline & spoken transcript
The Hook
Laptop Handoff
“(No spoken dialogue — ambient electronic synth with mechanical keyboard and trackpad click foley)”
- On screen
- Cognition
- Camera
- Tight macro pans across keyboard and trackpad, tilting up as laptop lid closes.
- Motion
- Shallow depth of field macro capture.
Product Reveal
Mobile Launch
“(No spoken dialogue — subtle screen tap sound and rhythmic synth)”
- On screen
- 4:27
- Camera
- Over-the-shoulder handheld shot tracking phone unlock to home screen app launch.
- Motion
- Direct finger tap interaction triggering app open.
Feature Teaser
Dispatching Task to Devin
“(No spoken dialogue — fast UI tapping sound effects)”
- On screen
- The app is ready. Let's ship it\nShip the App\nInspecting the workspace for the app >\nWorked for a bit >\n+ Message Devin
- Camera
- Extreme close-up on mobile display framing typing prompt and task execution.
- Motion
- Screen-native UI typing and instant activity status trigger.
Problem Agitation
Pocket and Walk Away
“(No spoken dialogue — fabric rustle and rising synth swell)”
- On screen
- (No on-screen text)
- Camera
- Medium shot of user slipping phone into trouser pocket and walking away.
- Motion
- Physical movement emphasizing untethered autonomous workflow.
Call to Action
Title Reveal and Outro Logo
“(No spoken dialogue — synth resolution ending on a static snap sound)”
- On screen
- Devin for iOS\nJoin the waitlist
- Camera
- Static graphic cards.
- Motion
- Minimalist text fade-in on white, followed by a crt/interlace flash cut to a centered white logo on black.
Motion design primitives
Synthesizable in Remotion · key components of the mobile-handoff-teaser template.
MobileUIRenderer
Simulates keyboard input and response message feed transitions.
+ Code construction recipe
Use useCurrentFrame to interpolate string slicing for typing effect; trigger subsequent list item reveals with spring transitions.
GlitchScanlineCard
Horizontal scanline interlacing transition between monochrome end cards.
+ Code construction recipe
Apply a brief 3-frame SVG pattern overlay of horizontal bars with quick opacity decay.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Closing the Desk
Purpose. Signal end of traditional desktop coding.
Execution. Close laptop and reach for mobile device.
- 2
Autonomous Prompting
Purpose. Demonstrate full deployment capability on mobile.
Execution. Over-the-shoulder typing and prompt dispatch.
- 3
True Mobility
Purpose. Showcase autonomous background execution.
Execution. Phone slipped into pocket while user leaves desk.
- 4
Call to Action
Purpose. Drive conversion to waitlist.
Execution. Clean monochrome text card and logo reveal.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Announcing a mobile build monitoring feature for a cloud deployment platform.How the recipe adapts
Replace desktop coding with closing a server console, launch the mobile deployment monitor, approve the production release, pocket the phone, and show release CTA.Remix blueprint · mobile-handoff-teaser
Scene durations (5 scenes, 20s)
Key Remotion components
Related AI & ML Product Launches
Explore all AI & ML launches →
Introducing Griffin, the first AI to pass the video Turing test
The most emotive and controllable TTS model
Always-on agents built to handle everything