annotated analysis · reveal · fade · cinematic

Resend's hero animation — cinematic dark-mode text reveal, decoded

A cinematic dark-mode hero reveal where text content fades in from a ghosted state while a subtle ambient light beam sweeps the background.

The page opens with hero elements at near-zero visibility. As the entrance triggers, the text and buttons fade to white and drift upward. Simultaneously, a soft light ray traverses the dark background, adding depth and a premium feel.

Choreography, beat by beat

Hero elements start in a low-opacity ghosted state
Hero block (badge, title, description) fades to 100% opacity + rises 15-20px
Buttons reveal with a slight stagger following the text
Ambient light beam begins a slow diagonal sweep across the background
Static header remains visible throughout

feelcinematicpremiumsnappyhigh-contrast

Element	Change	From → To	Timing
Hero Title	transform	0.05 → 1.0	500ms · ease-out
Hero Title	transform	20px below → 0px	500ms · ease-out
Background Light	transform	top-right → center-left	4000ms · linear
CTA Buttons	transform	0.0 → 1.0	500ms · ease-out

What video honestly can't tell you

Exact easing curve for the upward slide
Precise opacity of the ghosted text state
Whether background light is an infinite loop or single-shot

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.

Resend's hero animation — cinematic dark-mode text reveal, decoded

Choreography, beat by beat

What video honestly can't tell you

Recreate it yourself

More decoded animations