O movimento do sistema é curto e sempre no mesmo eixo. Não existe animação "de transição suave" genérica: ou o elemento entra pelo eixo de 8°, ou aparece inteiro. O teto absoluto é 400ms: acima disso, a interface deixa de parecer rápida e passa a parecer lenta com estilo.
| Elemento | Regra | Duração | Token |
|---|---|---|---|
| Entrada de texto | Desliza pelo eixo de 8°, de baixo-esquerda para cima-direita: 28px para a direita e 4px para cima. Sai pelo mesmo eixo. | 240ms | --asa-dur-default |
| Transição de cena | Wipe pela diagonal de 8°, subindo para a direita. | 320ms | --asa-dur-scene |
| Logo | Entra por opacidade e permanece. Nada além disso. | 200ms | --asa-dur-fast |
| Hover e foco | Só mudança de cor. Sem deslocamento, sem escala. | 200ms | --asa-dur-fast |
| Números | Aparecem inteiros, de uma vez. | 0ms | sem animação |
Carrossel (.asa-shelf) | Seta é controle, não animação: desliza em até 400ms, desativada nas pontas. Indicador que pulsa é proibido. | ≤ 400ms | --asa-dur-max |
| Qualquer coisa | Teto absoluto do sistema. | 400ms | --asa-dur-max |
Retirada em 8 minutos, no saguão do aeroporto.
O deslocamento é no eixo de 8°, não na horizontal pura: 28px para a direita e 4px para cima. É o mesmo trajeto da asa. Nada de fade isolado: o texto sempre chega andando pelo eixo. O H1 é o único texto em Registro 1 da cena; o lide chega 80ms depois, em Registro 2, sem sobretítulo.
A troca de cena é o próprio vão passando pela tela. A borda que varre tem a mesma inclinação de todo recorte do sistema.
O logo entra por opacidade e fica. Não gira, não desliza, não se monta traço por traço, não pulsa e não muda de escala. É o elemento mais protegido do sistema.
Nenhum elemento gira, em nenhuma circunstância. É por isso que o botão carregando usa três pontos em fade e não um spinner: o spinner é o padrão mais comum da web e também a violação mais fácil de deixar passar.
4,7 e 9,4 aparecem inteiros. Um número subindo remete a dashboard de software; a prova social da Asa é reputação de gente, e reputação não é uma métrica que sobe na frente de quem olha.
Nada de curva com overshoot, nada de escala que respira, nada de brilho em loop. O skeleton de carregamento é estático pelo mesmo motivo: um shimmer contínuo é um pulso disfarçado.
Texto que só aparece, sem percorrer o eixo de 8°, perde a assinatura de movimento da marca. A exceção única é o logo, e é exceção justamente porque ele não pode se mover.
Como toda duração do sistema sai de token, zerar as quatro na raiz desliga o movimento inteiro de uma vez. O botão carregando tem uma regra própria a mais: os pontos param de piscar e ficam em opacidade fixa, porque um indicador de carregamento não pode simplesmente sumir.
Peça de vídeo tem uma estrutura de tempo fixa, a mesma em toda campanha. É o equivalente temporal do vão: promessa primeiro, entrega depois, assinatura por último.
Cena limpa. Nenhum texto ainda: é a foto, o saguão, a pessoa recebendo a chave.
A promessa entra pelo eixo de 8°, em display itálico. Campo amarelo: é o que a Asa promete.
O wipe a 8° atravessa a tela subindo para a direita, em 320ms. É a virada de campo.
Preço, prova e ação no campo escuro, o que o cliente recebe. O logo entra por último, por opacidade, e permanece até o fim.