Cinematographic Websites

Trate a página como uma sequência dirigida, não como um conjunto de efeitos. Cada movimento deve controlar atenção, revelar informação ou estabelecer atmosfera.

Regras inegociáveis

• Use Lenis como única camada de smooth scroll.
• Use GSAP para todo movimento e ScrollTrigger para toda animação vinculada ao scroll.
• Não misture Framer Motion, bibliotecas de reveal, smooth scroll em CSS ou outro motor de animação.
• Entradas e saídas duram no mínimo 0.6s. Prefira 0.8–1.4s para reveals importantes.
• Use apenas eases da família power3 ou expo. O padrão de entrada é power3.out.
• Em sequências editoriais, use stagger: 0.2.
• Movimento cinematográfico é lento com intenção, nunca lento por falta de resposta.
• Preserve a stack, os padrões e a arquitetura existentes. Instale somente dependências ausentes.
• Respeite prefers-reduced-motion; acessibilidade é a única exceção às regras de movimento.

Antes de implementar