Clicky · Launch Video Breakdown: Hook, Pacing & Motion Design
New landing page and brand look for Clicky (heyclicky), with easter eggs throughout.
Scene-by-scene timeline & spoken transcript
The Hook
Hero Section & Video Popup
“(No spoken dialogue — upbeat lo-fi synth background audio)”
- On screen
- heyclicky features pricing get heyclicky heyclicky an ai buddy that lives on your mac download for mac windows waitlist 100% free. sesnsoma 14.2 & higher req
- Camera
- Static desktop viewport with green cursor navigation
- Motion
- Window maximize and video playback animation upon cursor click
Product Reveal
Team Photo Inspection
“(No spoken dialogue — upbeat lo-fi synth background audio continues)”
- On screen
- the-ogs.png
- Camera
- Static framing with cursor click and close interaction
- Motion
- Pop-up modal expansion and close trigger via macOS title bar buttons
Feature Teaser
On-Screen Annotation Feature Demo
“(No spoken dialogue — upbeat lo-fi synth audio continues)”
- On screen
- hello.mov play video heyclicky, help me make music on flstudio on it! finally do the thing from fl studio to claude code, jump into any tool, ask questions and heyclicky draws on your screen and teaches you. FL Studio click step one Pattern 1 808 Kick 808 Clap 808 Snare FLEX Bass
- Camera
- Smooth vertical page scroll downward
- Motion
- Chat bubble entry and dynamic yellow overlay bounding box animation over digital audio workstation UI
Motion design primitives
Synthesizable in Remotion · key components of the interactive-screen-walkthrough template.
InteractiveWindowModal
Scale and opacity spring animation simulating a native macOS window opening on click and collapsing on close.
+ Code construction recipe
Use spring from Remotion driving scale from 0.8 to 1.0 and opacity from 0 to 1 upon an active frame trigger, bound to simulated cursor coords.
ScreenHighlightBox
Pulsing yellow rounded stroke box accompanied by a step annotation badge targeting specific UI controls.
+ Code construction recipe
Render an absolute div with border-2 border-yellow-400 and animate strokeDashoffset or scale with Remotion interpolate.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Landing Discovery
Purpose. Establish product identity and core promise as an on-Mac AI companion.
Execution. Wide hero landing view with scattered desktop widgets and interactive elements.
- 2
Artifact Engagement
Purpose. Demonstrate authentic personality through media files.
Execution. Clicking floating window modals to play video and show team imagery.
- 3
Capability Proof
Purpose. Highlight core AI capability of drawing instructions directly on third-party software.
Execution. Scroll down to show a chat trigger activating real-time yellow outline boxes over FL Studio.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch video for an AI design assistant that annotates Figma files.How the recipe adapts
Replace FL Studio with a Figma canvas, updating the prompt to 'Hey assistant, align these auto-layouts' and drawing red highlight frames on the alignment panel.Remix blueprint · interactive-screen-walkthrough
Scene durations (3 scenes, 15s)
Key Remotion components
Related Creative Tools Product Launches
Explore all Creative Tools launches →
Anthropic Labs launches Claude Design, which turns conversation into prototypes, slides and one-pagers, powered by Claude Opus 4.7.
A vibe design partner with an AI-native canvas for turning ideas into UI.
Your work tools in Claude are now available on mobile. Explore Figma designs, create Canva slides, check Amplitude dashboards, all from your phone. Give it a try: