Notion · Launch Video Breakdown: Hook, Pacing & Motion Design
Notion positions itself as the backbone of your dock — a brand film of the Notion icon among everyday apps, ending on “Works with everything.”
Scene-by-scene timeline & spoken transcript
The Hook
The Dock of Life: Notion Among Everyday Apps
“(No spoken dialogue — Ambient electronic score with pizzicato synths and subtle sub-bass, 120 BPM, calm and atmospheric tone.)”
- On screen
- (No on-screen text)
- Camera
- Static, centered view of a macOS-style dock, with various app icons scrolling horizontally. The background changes rapidly.
- Motion
- Rapid background cuts (96 cuts/minute) with a smooth, continuous horizontal scroll of app icons within a frosted glass dock element. The Notion icon remains consistently centered.
Product Reveal
Notion Takes Center Stage
“(No spoken dialogue — Ambient electronic score continues, building slightly in complexity.)”
- On screen
- (No on-screen text)
- Camera
- Zoom-in on the Notion icon, which remains centered as other icons scroll away and the dock element fades.
- Motion
- Progressive zoom and isolation of the Notion icon, with a subtle fade-out of the dock and surrounding icons, emphasizing its singular importance.
Feature Teaser
Universal Compatibility Claim
“(No spoken dialogue — Ambient electronic score continues, maintaining a steady, almost whimsical tone.)”
- On screen
- Any tool. Any agent. Any stack. Works with everything.
- Camera
- Static, centered view of white text on a plain white background.
- Motion
- Text appears incrementally with a subtle fade-in and scale-up animation, emphasizing each phrase before the final tagline.
Call to Action
Notion Logo & Cursor Interaction
“(No spoken dialogue — Ambient electronic score gently fades out.)”
- On screen
- (No on-screen text)
- Camera
- Static, centered view of the Notion logo on a light beige background. A cursor appears and hovers over the logo.
- Motion
- Simple fade-in of the Notion logo, followed by a subtle, animated cursor appearing and hovering, implying interaction and user engagement.
Motion design primitives
Synthesizable in Remotion · key components of the fast-cut-dock-reveal template.
DockIconCarousel
A horizontal, frosted glass dock element displays a continuous stream of app icons, with the Notion icon consistently centered. Backgrounds rapidly cut between diverse imagery.
+ Code construction recipe
Use a `Sequence` component for background images with `AbsoluteFill` and `spring` transitions. Implement a `FlatList` or `ScrollView` with `loop` and `translateX` interpolation for the app icons, ensuring the Notion icon's position is maintained via `measure` and `layout` calculations.
IconIsolationZoom
The Notion icon smoothly scales up and centers, while the surrounding dock element and other icons fade out, bringing the Notion icon into sharp focus.
+ Code construction recipe
Apply `interpolate` for `scale` and `opacity` on the Notion icon and the dock container. Use `AbsoluteFill` for the Notion icon and `spring` for a smooth, organic zoom effect.
ProgressiveTextReveal
Short, impactful text phrases appear sequentially, each fading in and slightly scaling up before the next phrase is added, culminating in a final tagline.
+ Code construction recipe
Utilize `Sequence` for each text line. For each line, animate `opacity` from 0 to 1 and `scale` from 0.9 to 1 using `spring` or `interpolate(Easing.easeOutCubic)`.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Ubiquity & Integration
Purpose. Establish Notion's presence and compatibility within a diverse ecosystem of popular applications.
Execution. Rapidly changing backgrounds behind a scrolling dock of app icons, with Notion consistently present.
- 2
Centrality & Focus
Purpose. Elevate Notion from one of many to the central, indispensable tool.
Execution. Zooming in on the Notion icon, isolating it from the other apps and the dock.
- 3
Value Proposition
Purpose. Articulate Notion's core benefit: universal compatibility and flexibility.
Execution. Minimalist text reveal, building phrases like 'Any tool. Any agent. Any stack.' to 'Works with everything.'
- 4
Brand Affirmation
Purpose. Reinforce brand identity and invite user interaction.
Execution. Final display of the Notion logo with a subtle cursor interaction.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new AI-powered design tool called CanvasFlow.How the recipe adapts
The DockIconCarousel primitive adapts to a 'DesignToolBar' showing various design software icons with CanvasFlow centered. The rapid background cuts will feature abstract art and design elements instead of everyday scenes. IconIsolationZoom will focus on the CanvasFlow logo. ProgressiveTextReveal will use phrases like 'Any canvas. Any style. Any vision.' and 'Unlocks creativity.' The overall aesthetic maintains the fast-cut rhythm and ambient electronic score.Remix blueprint · fast-cut-dock-reveal
Scene durations (4 scenes, 19s)
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.
One workspace for knowledge scattered across Slack, email, Docs, and Notion. Connect your tools and build apps and agents that stay live with your data.
Shotbase is a Mac app that combines screenshot, screen recording, trim, annotate, and share so you don't export between four tools.