Forma, espaço e movimento

​

Raios

​

Sombras

Sombras são suaves e tingidas com o navy da marca, nunca preto puro.

• shadow.soft: estado de repouso de cards.
• shadow.lift: hover de elementos clicáveis.

​

Grid e espaço

• Largura máxima do conteúdo: 1200px (layout.container-max), com margem lateral de 1.5rem.
• Respiro vertical de seção: 4rem até 1023 px e 6rem a partir de 1024 px.

​

Movimento

O movimento é sutil e só anima transform e opacity.

• Entrada de conteúdo: 600ms com a curva motion.easing.out-expo.
• Hover: 240ms.
• Quem prefere movimento reduzido no sistema operacional não recebe animação.