Glance · Launch Video Breakdown: Hook, Pacing & Motion Design
Glance is a Face ID-style unlock for Mac. Open source at github.com/jonnyoo/glance.
Scene-by-scene timeline & spoken transcript
The Hook
Face ID on Mac: The Promise
“(No spoken dialogue — A driving electronic beat with sub-bass and synth arpeggios creates an energetic, modern feel.)”
- On screen
- FaceID on Mac
- Camera
- Close-up on iPhone screen displaying 'FaceID', then a wide shot of a person with a MacBook in a grassy field, revealing 'on Mac' text overlay.
- Motion
- Text overlay, quick scene cuts, product context setting.
Product Reveal
Seamless Face Unlock Demonstration
“(No spoken dialogue — High-energy audio transitions with risers and sub-bass drops punctuate the visual reveal.)”
- On screen
- (No on-screen text)
- Camera
- POV shot of opening a MacBook, then a close-up on the screen showing the Glance Face ID unlock process, transitioning from scanning to a checkmark.
- Motion
- Product UI demonstration, animated icons, rapid feedback visuals.
Feature Teaser
Customization & Multi-User Support
“(No spoken dialogue — Pizzicato synths and percussive electronic elements maintain an energetic, slightly futuristic tone.)”
- On screen
- Go Original Or Minimal Enroll Multiple Identities
- Camera
- Animated text and icons on a clean white background, followed by a screen recording demonstrating multi-identity enrollment on a Mac desktop.
- Motion
- Animated text reveals, icon animations, screen recording with UI overlays, subtle background patterns.
Call to Action
Security & Open Source Invitation
“(No spoken dialogue — The electronic beat builds to a final impactful sub-bass drop, concluding with a clear brand identity.)”
- On screen
- Built with security in mind Completely Offline. Face Embeddings. Encrypted in Keychain. Liveness Detection. Auto-Lock Sessions. Glance
- Camera
- Animated text and icons highlighting security features, culminating in the Glance logo and name on a clean white background.
- Motion
- Bullet point animation, iconography, brand logo reveal, subtle background gradients.
Motion design primitives
Synthesizable in Remotion · key components of the tech-product-launch-fast-cut template.
DynamicTextReveal
Text appears with a subtle scale-up and fade-in, often accompanied by a corresponding icon animation. Words or phrases can appear sequentially.
+ Code construction recipe
Utilize Remotion's `spring` or `interpolate` for `scale` and `opacity` properties. Stagger animations using `delay` or `sequence` for sequential text reveals. SVG icons can animate `stroke-dashoffset` or `transform`.
ProductUIPopup
On-screen UI elements, like the Face ID scanning animation or checkmark, appear and disappear with a quick, satisfying bounce or pop effect.
+ Code construction recipe
Implement `spring` for `scale` and `translateY` to create a 'pop-up' effect. Use `opacity` for fade-in/out. Ensure quick duration for responsiveness. SVG path animations can be used for the scanning effect.
IconographicFeatureList
A list of features is presented with each item having a distinct icon that animates in alongside its text, often with a slight delay between items.
+ Code construction recipe
Create an array of objects for features (icon, text). Map over this array, applying `spring` or `interpolate` to each item's `opacity` and `transform` (e.g., `translateX`). Stagger the animation using `delay` based on the item's index.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Intrigue & Problem Setting
Purpose. Immediately hook the viewer by presenting a desirable, currently unavailable feature (Face ID on Mac) and hinting at its solution.
Execution. Close-up on iPhone with 'FaceID' text, then a wide shot of a user with a Mac, overlaying 'on Mac' to establish context.
- 2
Solution Demonstration
Purpose. Visually demonstrate the core product functionality in a clear, concise, and satisfying manner.
Execution. POV shot of opening a MacBook, followed by a detailed UI animation of the Face ID unlock process on the Mac screen, ending with a success indicator.
- 3
Feature Expansion & Differentiation
Purpose. Showcase key features and customization options that differentiate the product, building on the initial solution.
Execution. Animated text and icons highlighting 'Go Original', 'Or Minimal', and a screen recording demonstrating 'Enroll Multiple Identities' with a dynamic background.
- 4
Trust & Call to Action
Purpose. Reinforce product reliability through security features and provide a clear brand identity and call to action.
Execution. Animated bullet points detailing security aspects ('Completely Offline', 'Encrypted in Keychain'), concluding with the Glance logo and name.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new open-source AI-powered code completion tool called 'Synapse'.How the recipe adapts
The initial hook will show a developer's screen with repetitive code, replaced by 'Synapse' text. The product reveal will demonstrate code completion in an IDE, with animated suggestions and a 'code complete' checkmark. Feature teasers will use 'DynamicTextReveal' and 'IconographicFeatureList' for 'Multi-Language Support' and 'Local Processing'. The call to action will emphasize 'Built with Privacy in Mind' and 'Open Source', ending with the Synapse logo.Remix blueprint · tech-product-launch-fast-cut
Scene durations (4 scenes, 27s)
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.
Notion positions itself as the backbone of your dock — a brand film of the Notion icon among everyday apps, ending on “Works with everything.”