dramatic-2000ms-plus
Dramatic Animations (2000ms+)
Beyond 2000ms, animation becomes cinema. These aren't UI transitions - they're short films embedded in your product. Reserve for moments that define your brand.
Disney Principles at Dramatic Scale
Full Cinematic Treatment
Squash & Stretch: Fully animated character - 40%+ deformation for organic, living motion. Physics-defying when needed.
Anticipation: Dramatic tension - 400-600ms build-up. The audience waits with expectation.
Staging: Cinematography - establishing shots, close-ups, reveals. Think in scenes, not states.
Straight Ahead/Pose to Pose: Hybrid approach - pose-to-pose structure with straight-ahead detail passes.
Follow Through: Extended ecosystem - everything continues moving after primary action. World feels alive.
Slow In/Slow Out: Emotional timing - curves match narrative beats. Pause for emphasis.