annotated analysis · entrance · slide · minimal
Loom's hero animation — minimal entrance with sliding video card, decoded
The hero section features a crisp, minimal entrance where the central video card slides up and fades into view while the typography remains static, followed by a continuous ambient video loop of a talking-head recording.
Upon page load, the header and primary headline are immediately visible. After a brief delay, the main video card emerges from the bottom of the viewport, sliding upward while fading in to complete the hero composition. The card then hosts a silent, infinite video loop depicting a speaker in an office setting, providing a live demonstration of the product's output.
Choreography, beat by beat
- Header and hero text are static on initial load
- Hero video card begins slide-up and fade-in (approx. 250ms)
- Video card settles into final position with a smooth ease-out (approx. 600ms)
- Ambient video content inside the card plays in an infinite, seamless loop
Recreate it yourself
This entire page was generated by one analysis. Point your AI agent at any clip or live site and get the same blueprint — plus ready-to-paste code. Try MotionLens free (5 credits, no card) or read the Claude Code setup guide.