Brett · Launch Video Breakdown: Hook, Pacing & Motion Design
Introducing GatherOS [beta]. The Mac app for design inspiration, built by yours truly. Capture, organize, and find every reference image or website without leaving your desktop. Try it now at https://www.gatheros.co/
Scene-by-scene timeline & spoken transcript
The Hook
Asset Inspection & Auto-Tagging
“(No spoken dialogue — upbeat electronic background music)”
- On screen
- Library Collections Spaces generalbread.co Bread Auto-tag #bitcoin #clouds #daily-bread #michaelangelo #modern #modern-art
- Camera
- Smooth zoom into detailed image view and tag metadata panel.
- Motion
- Cursor hover, tag pill spring animations.
Feature Teaser
Collections & Heatmap Asset Detail
“(No spoken dialogue — electronic music continues)”
- On screen
- Branding 4 saves Typography 5 saves Abstract Colorful Patterns Generate variation
- Camera
- Card deck hover expansion into full screen detail zoom.
- Motion
- 3D stacked card fanning, color palette extraction display.
Feature Teaser
Color Hex Copying & AI Prompt Generation
“(No spoken dialogue — continuous electronic synth beat)”
- On screen
- Copied #CBA09C Abstract Flower Field Image Prompt Generate prompt A dreamy landscape filled with vibrant red...
- Camera
- Focused crop on inspector panel and generated text area.
- Motion
- Click-to-copy tooltip popup, inline AI text reveal.
Product Reveal
Full-Length Web Capture & Space Switching
“(No spoken dialogue — upbeat electronic soundtrack)”
- On screen
- INFINITE MACHINE OLTO P1 The Best Non-Cars on Earth Awards New York City
- Camera
- Vertical page scroll through archived web layout.
- Motion
- Smooth linear page scrolling and pill tab toggle.
Call to Action
Dark Mode Toggle & Organization
“(No spoken dialogue — audio outro fade)”
- On screen
- Switch to dark mode BLOCK Chloé Robinson Bobby Analog Ulster Sports Club Add to collection Branding
- Camera
- Static window view showing full dark palette shift.
- Motion
- Global theme fade transition and dropdown assignment.
Motion design primitives
Synthesizable in Remotion · key components of the macos-app-showcase template.
FanningCardDeck
Stacked preview cards fan outward horizontally on cursor hover.
+ Code construction recipe
Map items to horizontal translateX and rotateZ interpolated via spring physics triggered by hover state.
InspectorPanelSlide
Inspector sidebar expands smoothly while canvas shifts left.
+ Code construction recipe
Animate grid template columns or absolute sidebar width using spring easing.
ColorSwatchTooltip
Pill badge pops up above selected hex swatch indicating clipboard copy.
+ Code construction recipe
Conditionally render badge with scale and opacity springs linked to click frame.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Hero Asset Interaction
Purpose. Hook user with instant auto-tagging capability.
Execution. Clicking an iconic art card and generating smart tags.
- 2
Inspection & AI Prompts
Purpose. Demonstrate creative extraction utilities.
Execution. Sampling hex swatches and generating prompt descriptions.
- 3
Theme & Library Structure
Purpose. Show app customization and organizational depth.
Execution. Switching to dark mode and filing posters into collections.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Showcase a design token management tool.How the recipe adapts
Replace image cards with design tokens, animate CSS variable generation instead of image prompts, and retain color swatch sampling.Remix blueprint · macos-app-showcase
Scene durations (5 scenes, 70s)
Key Remotion components
Related Developer Tools Product Launches
Explore all Developer Tools launches →
xAI opens voice cloning on its API: build a custom voice in about two minutes or pick from 80+ voices in 28 languages.
Claude can now operate your Mac, opening apps, browsing and filling spreadsheets, as a research preview in Cowork and Claude Code.
Agentic CLI for coding, building apps, and automating workflows.