08
Motion
Bringing our product to life
Every hero video starts as a static storyboard. Scenes are laid out, the narrative arc is established, and the script is refined until every word is earning its place. Once the story is locked, the product UI and motion graphics are built around it, woven together into a single cohesive execution. The product is never an afterthought dropped in at the end. It is part of the story from the first frame, used to educate and capture the feeling that something genuinely intelligent is working behind the scenes for your brand every single day.
Instant motion is built on clean vector graphics, animated in Adobe After Effects. The product UI is always brought in wherever possible, grounding every animation in the real experience of using Instant. We add audio using ElevenLabs and Epidemic Sound.
Motion Principles
Motion is how the brand performs in time. It is the most visible proof of how seriously we take craft, and the fastest way a viewer reads what Instant stands for. These four principles guide every animated decision we make
From brand films to paid ads, lower thirds to end frames. Each principle stands alone. Most often they layer. Use them as your foundation, and break them when the result demands it.
Tempered
Elements subtly ease in and then move fast with conviction, landing with weight, never floating into place. Our movement is quick but always calculated and intentional, showing Instant is built for brands that move at speed.
Distilled
Complex product workflows are translated into clean, stylized motion that tells a story that anyone can follow. Sophistication shows in what we choose to leave out, not in how much we cram in.
Perpetual
Instant is never idle, and our motion shows it. Underneath every hero moment, small details quietly run in the background. These details are evidence, not decoration. They tell the viewer the system is thinking even when no one is watching.
Measured
We choose deliberately and sparingly when to be loud to highlight important moments. An expressive, explosive moment of motion must have a juxtaposing quiet, restrained moment before it. Simple and clean by default, bright and loud when it matters.
Motion behaviors
Where motion principles define how we think, motion behaviors define how we execute. Each behavior is a practical application of one or more principles.
The specific transitions, easing, and movements that bring our motion system to life across logos, type, UI, and transitions.
Sophisticated expression
We use very intentional moments of loudness and expression. We avoid messy maximalism or motion becoming too playful/juvenile.
Keeping it simple
We simplify UI and translate long and complex processes into stylized sequences. Avoid showing every step of a long workflow, dense UI dumps and too much text animating on screen.
Details that matter
Use ambient breathing UI elements like subtle pixel flickers, micro node-tree animation or low-opacity glass sheens to hit home that the Instant machine is always on and evolving. Avoid background motion that pulls focus, decorative loops with no logic and idle frames where nothing is happening.
Dimensional UI
When showing product focused UI, we split layers in 3D Z space to create visual interest and stylize our product in an easy to follow way.
Backgrounds
Use these looping animations behind title cards, lower thirds, and typography moments. They hold attention without competing for it, and loop seamlessly so length is never a constraint.
Resources
Green gradient loop
Soft, organic flow in the brand green. Use behind title cards, typography, and moments that want energy without noise.
Light tech loop
Quiet geometric drift in soft greys. Use behind product moments, data, and anything that wants to feel precise and considered.
Endcards
The Instant endcard is the final beat of any sequence. Use these designed, animated cards to close films, ads, and product moments, they replace a floating logo with a fully resolved end state.
The full endcard set. Pick the one that matches the surface (16:9 or 9:16) and the subject (company, AI, podcast, or CTA). All endcards are available in light and dark.
Resources
Instant endcard
Default company endcard. Available in light and dark. Use to close most films, ads, and brand moments.
Instant AI endcard
Closes any sequence about Instant AI specifically. Available in light and dark.
Beyond the now endcard
Closes podcast episodes and any Beyond the Now content. Available in light and dark.
Instant get started endcard
CTA endcard for top-of-funnel content. Available in light and dark.
Paid ads shopify endcard
Purpose-built for paid social on Shopify-targeted campaigns.
Instant get started vertical endcard
Vertical CTA version for 9:16 paid and organic placements. Available in light and dark.
Beyond the now podcast vertical endcard
Vertical podcast endcard for reels, shorts, and story-format clips. Available in light and dark.
Instant vertical endcard
Default company endcard in vertical format. Available in light and dark.
UI animation
UI animation serves one purpose: to make the product feel real. Small movements across the interface, cursors, profile images populating, AI filling in content, SMS messages arriving, all work together to show the product in action rather than just describing it. But the value of motion goes beyond the big moments.
Even the smallest animated detail, a subtle entrance, a number counting up, a card settling into place, adds to the overall feeling that the website is alive and considered. A page with thoughtful micro-animation communicates craft and attention to detail. It signals that the same care that went into the design went into the product itself.
Motion in ads
Ad motion operates by a different set of priorities than product or website animation. The goal is not to educate. It is to stop the scroll, create a moment of excitement, and leave the viewer with a feeling about the brand before they have had time to think about it.
Ad animations are primarily built in Jitter, which keeps the production process fast and flexible. Ads go through multiple rounds of revision and need to be resized across formats regularly. Jitter makes both straightforward, so the focus stays on getting the creative right rather than managing the production.
Resources
Last Updated April 2026 © Instant