Dramatic, slow-motion easing for hero sections and storytelling interfaces. Long curves with elegant acceleration create a premium, cinematic feel. Perfect for portfolios and luxury brands.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Use the Cinematic Slow easing system for dramatic, premium interfaces. Primary curve: cubic-bezier(0.16, 1, 0.3, 1) at 800ms — a long, elegant deceleration that makes content feel like it's floating into view. Use 600ms for section reveals, 800ms for hero animations, 1000ms for full-page transitions. Pair with large-scale transforms (translateY 40-80px) for cinematic parallax. This system is about visual storytelling — every animation should feel intentional and luxurious.Dramatic, slow-motion easing for hero sections and storytelling interfaces. Long curves with elegant acceleration create a premium, cinematic feel. Perfect for portfolios and luxury brands.