Intercom · Launch Video Breakdown: Hook, Pacing & Motion Design
Fin 4 brings major upgrades to every part of the system.
Scene-by-scene timeline & spoken transcript
The Hook
Introducing Fin 4
“(No spoken dialogue — silent/ambient visual)”
- On screen
- Introducing Fin 4 Fin 4 brings major upgrades to every part of the system. A more capable Customer Agent, a more powerful Operator, and new ways for Fin to work with your team.
- Camera
- Static, top-down perspective on a UI/diagram layout.
- Motion
- Soft title reveal with a blurred effect, static diagram elements present in the background.
Product Reveal
Fin 4's Customer Agent Core
“(No spoken dialogue — silent/ambient visual)”
- On screen
- Introducing Fin 4 CUSTOMER CUSTOMER AGENT HITL HELPDESK COPILOT OPERATOR Fin 4 brings major upgrades to every part of the system. A more capable Customer Agent, a more powerful Operator, and new ways for Fin to work with your team.
- Camera
- Static, top-down perspective on a UI/diagram layout.
- Motion
- The 'CUSTOMER AGENT' element in the diagram highlights with a blue fill and a '1' indicator, drawing focus to its central role.
Feature Teaser
Enhanced Operator Workflow
“(No spoken dialogue — silent/ambient visual)”
- On screen
- Introducing Fin 4 CUSTOMER CUSTOMER AGENT HITL HELPDESK COPILOT OPERATOR Fin 4 brings major upgrades to every part of the system. A more capable Customer Agent, a more powerful Operator, and new ways for Fin to work with your team.
- Camera
- Static, top-down perspective on a UI/diagram layout.
- Motion
- The blue highlight on 'CUSTOMER AGENT' fades out, and the 'OPERATOR' element highlights with a purple fill and a '2' indicator, showcasing a new capability.
Call to Action
Complete System Integration
“(No spoken dialogue — silent/ambient visual)”
- On screen
- Introducing Fin 4 CUSTOMER CUSTOMER AGENT HITL HELPDESK COPILOT OPERATOR Fin 4 brings major upgrades to every part of the system. A more capable Customer Agent, a more powerful Operator, and new ways for Fin to work with your team.
- Camera
- Static, top-down perspective on a UI/diagram layout.
- Motion
- The purple highlight on 'OPERATOR' fades out, and the 'HELPDESK' and 'COPILOT' elements highlight with a green fill and a '3' indicator, emphasizing the full integrated system. The descriptive text reinforces the product's benefits.
Motion design primitives
Synthesizable in Remotion · key components of the sequential-diagram-explainer template.
SequentialDiagramHighlight
Elements within a flow diagram sequentially fill with a distinct color and display a numerical indicator, then fade out as the next element highlights.
+ Code construction recipe
Utilize Remotion's 'interpolate' function for smooth color transitions (e.g., `interpolate(frame, [start, end], [colorA, colorB])`) and opacity changes. Use a 'spring' animation for the numerical indicator's entrance for a subtle bounce effect. SVG `fill` properties can be animated for the diagram elements.
GradientBackgroundWarp
A subtle, blurred, abstract background composed of pastel gradients that slowly shifts and breathes, providing a soft, dynamic backdrop without distracting from foreground elements.
+ Code construction recipe
Implement a large SVG or Canvas element with multiple radial or linear gradients. Animate the `cx`, `cy`, `r` (for radial), or `x1`, `y1`, `x2`, `y2` (for linear) attributes of the gradient stops over time using `interpolate` with a slow duration. Apply a `filter: blur()` CSS property to the gradient container.
FadedTitleReveal
The main title text appears slightly blurred and faded, then resolves into sharper focus or maintains a soft, ethereal quality, suggesting a gentle introduction or a background element.
+ Code construction recipe
Animate the `opacity` and `filter: blur()` CSS properties of the text element. Use `interpolate` to transition from a higher blur value and lower opacity to a lower blur value and higher opacity over a short duration. The text color can also subtly shift.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Introduction of Fin 4
Purpose. Establish the product name and its overall purpose, setting the stage for the detailed explanation.
Execution. The 'Introducing Fin 4' title is prominently displayed with a soft, blurred aesthetic, while the full diagram and descriptive text are present as context.
- 2
Highlight Core Agent
Purpose. Focus on the central 'Customer Agent' component, explaining its foundational role in the system.
Execution. The 'CUSTOMER AGENT' box in the diagram illuminates with a distinct blue fill and a numerical indicator, drawing immediate attention.
- 3
Introduce Operator Role
Purpose. Expand on how 'Operator' capabilities are integrated and enhanced within the Fin 4 system.
Execution. The blue highlight transitions smoothly away from 'CUSTOMER AGENT' as the 'OPERATOR' box lights up with a purple fill and a new numerical indicator.
- 4
Show Full System Integration
Purpose. Demonstrate the complete ecosystem, including 'Helpdesk' and 'Copilot' integrations, showcasing the comprehensive solution.
Execution. The purple highlight fades, and the 'HELPDESK' and 'COPILOT' boxes simultaneously highlight with a green fill and a final numerical indicator, illustrating the full interconnected system.
- 5
Summarize Benefits
Purpose. Reinforce the value proposition and key upgrades of Fin 4 to the audience.
Execution. The persistent descriptive text at the bottom of the screen provides a concise summary of the major upgrades and capabilities, serving as a textual call to action.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new AI-powered project management tool, 'TaskFlow AI,' that automates task assignment and progress tracking.How the recipe adapts
The GradientBackgroundWarp provides a sophisticated backdrop. The FadedTitleReveal introduces 'TaskFlow AI.' The SequentialDiagramHighlight component will be used to visually explain the workflow: first highlighting 'Project Setup,' then 'AI Task Assignment,' and finally 'Progress Monitoring & Reporting.' Each highlight will use a distinct, clean color, and the accompanying descriptive text will update or remain constant, reinforcing the feature.Remix blueprint · sequential-diagram-explainer
Scene durations (4 scenes, 7.9s)
Key Remotion components
Related Productivity Product Launches
Explore all Productivity launches →
Don't type, just speak. Flawless voice-to-text across every app at 240 WPM.
Open source, free on Mac, iPhone and iPad. Every note is a plain Markdown file your AI agents can read.
Turn your video into an agent prompt with links, screenshots, and context captured automatically.