annotated analysis · reveal · fade · dark

Linear's hero animation — minimalist dark reveal, decoded

Minimalist hero reveal on a dark landing page. A clean header precedes a delayed, multi-layered headline entrance featuring blur-to-clear and slide-up effects.

Header fades in on load. After a 7.4s delay, the centered headline materializes. The text transitions from blur to focus while fading and sliding upward.

Choreography, beat by beat

Header elements fade in at page start
Extended hold on minimalist dark background
Hero headline begins synchronized blur, fade, and slide reveal at 7.45s
Reveal completes and settles by 8s

feelMinimalistCinematicDeliberateSnappy

Element	Change	From → To	Timing
header-container	transform	0 → 1	150ms · ease-out
hero-headline	transform	0 → 1	550ms · ease-out
hero-headline	reveal	20px → 0px	550ms · ease-out
hero-headline	transform	20px → 0px	550ms · ease-out

What video honestly can't tell you

Exact easing cubic-bezier values
Whether delay is purely timed or scroll-based
Sub-visible background noise or gradients

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.

Linear's hero animation — minimalist dark reveal, decoded

Choreography, beat by beat

What video honestly can't tell you

Recreate it yourself

More decoded animations