Scene-by-scene timeline & spoken transcript
The Hook
Brand Intro & Initial Action
“(No spoken dialogue — crisp electronic UI click and beat drop)”
- On screen
- ihatepdf.cv. ihatepdf.cv Edit
- Camera
- Static centered lockup jumping to an animated pill button.
- Motion
- Cursor tracking with scale-down click response.
Problem Agitation
Targeted Intent Search
“(No spoken dialogue — rapid typing sound effects)”
- On screen
- edit confidential contract pdf
- Camera
- Fixed frame on search input field.
- Motion
- Simulated keyboard input with cursor trailing effect.
Product Reveal
Local File Processing
“(No spoken dialogue — low-frequency confirmation whoosh)”
- On screen
- Local execution Reading file 100% Processing Ready
- Camera
- Subtle zoom-in on the status capsule.
- Motion
- Numeric loading interpolation followed by vertical morph.
Product Reveal
App Interface Overview
“(No spoken dialogue — synth rhythm continuation)”
- On screen
- Free Online PDF Editor Without Watermark Online PDF editor dashboard
- Camera
- Scale-up expansion from capsule into full browser viewport.
- Motion
- Container expansion with dynamic shadow drop.
Feature Teaser
Zero-Server Privacy Proof
“(No spoken dialogue — digital chime confirmation)”
- On screen
- confidential_contract_signed.pdf Processed locally (0 KB sent to server)
- Camera
- Centered focus on isolated modal element.
- Motion
- Horizontal progress bar fill and green success badge trigger.
Feature Teaser
Contract Processing & Verification
“(No spoken dialogue — mechanical typing, checkbox clicks, stamp sound)”
- On screen
- FORM 06-I CONTRACT PROCESSING 1. SUMMARY Signed and ready in browser 2. CHECKS Zero upload Zero watermark AES-256 secure 3. SIGNED APPROVED
- Camera
- Slow tilt across simulated document sheet.
- Motion
- Typewriter text injection, sequential checkmark fills, and dynamic stamp impact.
Feature Teaser
Interactive Adjustment
“(No spoken dialogue — tactile slider tick)”
- On screen
- DPI output
- Camera
- Static framing on the lower third slider overlay.
- Motion
- Linear scrub bar animation driven by cursor drag.
Feature Teaser
Core Value & Social Proof
“(No spoken dialogue — rising synth sweep)”
- On screen
- Files never leave your device. Works 100% offline in your browser. 200,000+ active users editing without uploads
- Camera
- Static minimalist centered layout.
- Motion
- Split-text character reveal followed by animated counter roll.
Feature Teaser
Kinetic Feature Ribbons
“(No spoken dialogue — fast rolling click sound)”
- On screen
- Client-Side Freedom 100% free forever Works offline AES-256 encryption
- Camera
- Dutch-angled static frame.
- Motion
- Dual angled continuous marquee tickers scrolling opposite directions.
Call to Action
3D Cylinder Transition to Brand
“(No spoken dialogue — final resonant bass decay)”
- On screen
- ihatepdf.cv. ihatepdf.cv
- Camera
- Full 360-degree cylindrical spin resolving to flat front.
- Motion
- 3D perspective cylinder roll transitioning back into the primary logo.
Motion design primitives
Synthesizable in Remotion · key components of the minimal-client-side-saas template.
MorphingCapsuleButton
Pill-shaped badge expands horizontally and vertically while swapping labels via spring interpolation.
+ Code construction recipe
Use Remotion spring with config damping 18, mass 0.8 to animate width, height, and layout size while crossfading label elements.
NumericCounterRoll
Integer counts up rapidly from baseline to milestone with easeOut curve.
+ Code construction recipe
Apply interpolate(frame, [0, 45], [143670, 200000], { extrapolateRight: 'clamp' }) and format using Math.floor.AngledMarqueeRibbon
Endless repeating typography strip moving across a tilted axis.
+ Code construction recipe
Rotate parent container by -12deg and shift an inner flexbox continuously using transform translateX modulo pattern width.
ImpactStamp
Bordered badge scales down rapidly with overshoot and applies an angled rotation.
+ Code construction recipe
Spring-driven scale from 2.5 to 1.0 with damping 12, paired with a fixed -8deg rotation and brief screen shake.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Identity & Click
Purpose. Establish immediate visual branding and initial action prompt.
Execution. Center logo snap followed by pill trigger click.
- 2
Search & Process
Purpose. Demonstrate practical user workflow directly inside local browser.
Execution. Input bar typing leading into progress indicator capsule.
- 3
Dashboard Proof
Purpose. Validate zero-server upload privacy claim with clear UI confirmation.
Execution. Full UI panel reveal and zero KB network badge.
- 4
Document Handling
Purpose. Show real document completion, signing, and verification.
Execution. Simulated form fill with checkmarks and approval stamp.
- 5
Scale & Outro
Purpose. Convey social proof and resolve into brand identity.
Execution. Stat roll to kinetic ribbons followed by cylindrical logo resolve.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Local developer utility tool showcasing zero telemetry code conversion.How the recipe adapts
Replace PDF references with code snippets, keep client-side badges and verification stamp, retain kinetic ticker ribbons with developer-focused security specs.Remix blueprint · minimal-client-side-saas
Scene durations (6 scenes, 30s)
Key Remotion components
Related AI & ML Product Launches
Explore all AI & ML launches →
Introducing Griffin, the first AI to pass the video Turing test
The most emotive and controllable TTS model
Always-on agents built to handle everything