
A design-engineering demo from Mark Vassilevskiy.
The Hook
“(No spoken dialogue) Plucked synth arpeggios build tension under provocative text declaring the death of legacy browser conventions.”
Product Reveal
“(No spoken dialogue) A heavy 808 sub-bass drop accompanies an accordion glass transition into the clean Aside interface.”
Feature Teaser
“(No spoken dialogue) Driving electronic percussion pulses as Aside accesses banking data and dispatches parallel sub-agents to claim refunds.”
Call to Action
“(No spoken dialogue) A climactic riser resolves into glowing horizontal benchmark telemetry and a sleek hardware presentation.”
Synthesizable in Remotion · key components of the agentic-canvas-narrative template.
Vertical gradient pleats that expand and fold laterally in 3D perspective to reveal a clean workspace beneath.
Map an array of vertical slice divs with transform rotateY interpolated across timeline frames, styling backgrounds with linear gradients from deep cyan to navy and shifting perspective to 1000px.
A glowing vertical spine line with smooth Bezier branching arms that extend horizontally as autonomous sub-agents spawn.
Render an SVG stroke with strokeDasharray and strokeDashoffset driven by Remotion spring physics, triggering nested card fade-ins with staggered delays once the node head reaches each waypoint.
Comparative horizontal metric bars that fill smoothly from left to right, capping with a neon cyan drop-shadow on the leader metric.
Use interpolate on width from 0% to the target percentage with easeOutExpo, pairing a counter interpolator with a dynamic box-shadow filter driven by a subtle sine-wave pulse.
Purpose. Remind power users of current AI assistants failing at authentication, sensitive tasks, and complex browser navigation.
Execution. Rapid popups of chat restriction warnings grouped inside a dark mode dialogue bubble.
Purpose. Introduce Aside as the definitive categorical departure from conventional passive chatbots.
Execution. Accordion folding transition in deep oceanic hues revealing a pristine white omnibar canvas.
Purpose. Demonstrate end-to-end task completion without requiring hand-holding or micro-approvals.
Execution. Live banking passkey verification cascading into sub-agents negotiating refunds via live customer chat.
Purpose. Validate browser performance against frontier foundation models with undeniable telemetry.
Execution. Glowing progress bars illustrating 99% task completion versus single-digit legacy scores.
Objective
Announcing an autonomous financial ops copilot that audits enterprise cloud spend and negotiates contract discounts.How the recipe adapts
The video opens with bold text listing enterprise finance bottlenecks, transitions through fluted glass textures into an invoice dashboard, demonstrates branching sub-agents analyzing AWS and Datadog logs simultaneously, and caps with an illuminated 98% savings benchmark chart.Scene durations (4 scenes, 88s)
Key Remotion components

Figma's Made in Figma 2025 reel, a showcase film of work designed in the tool.

An overnight film made by giving Opus 5.5 Donald's prompt, Midjourney, and a moodboard. The piece is titled Look 00.

A 15-second motion reel made by asking Opus 5.5, on max effort, for a résumé showreel.