Animações Logos em movimento
Movimentos construídos a partir dos traços originais do símbolo: a haste como tronco, a diagonal do A que se ergue e os ramos do K que se abrem. Pré-visualize, ajuste o fundo e a velocidade e baixe como SVG animado.
01 Animações do símbolo AK
As linhas crescem do chão: a haste sobe como tronco, a diagonal do A se ergue, a barra assenta no solo e os ramos do K se abrem a partir da haste.
Uso: Abertura de vídeo, intro do site, splash do app.
Os traços chegam de fora e se encontram na haste: sabedoria e mata convergem para o mesmo tronco. No encontro, o símbolo pulsa uma vez.
Uso: Transições, revelação de campanha, fechamento de vídeo.
Cada traço é pintado na ordem de quem desenha à mão: de cima para baixo, das pontas para a haste. Os pontos entram como toques de dedo.
Uso: Conteúdo de bastidores, vídeos sobre o conceito, redes sociais.
O símbolo desce como um carimbo sobre a superfície, com leve giro e assentamento. É a marca aplicada como tinta.
Uso: Confirmação de pedido, selos, lançamento de lote, stories.
Movimento contínuo e calmo: os ramos do K se abrem e fecham levemente, os pontos pulsam. O símbolo respira enquanto espera.
Uso: Carregamento, estados de espera, ícone animado.
O traço duplo do K vira onda: o ângulo interno se desprende e se afasta em ciclos, como a mata se expandindo a partir do tronco.
Uso: Fundo de vídeo, tela de espera, animação de hover prolongado.
02 Animações base da assinatura
Entrada simples: a assinatura sobe e ganha opacidade. É a animação padrão para qualquer aplicação.
Uso: Padrão para sites, apresentações e vinhetas curtas.
O logotipo é revelado da esquerda para a direita, como tinta passada em uma superfície.
Uso: Assinatura de vídeo, cabeçalhos, banners.
O símbolo surge, as letras de ARANDUKA sobem uma a uma, como troncos lado a lado, e a assinatura BIOCOSMÉTICOS se acende no fim.
Uso: Intro institucional, abertura de apresentação.
A assinatura aparece em uma cor só. Depois, o A e o K ganham a cor de destaque, revelando as duas raízes do nome: sabedoria e mata.
Uso: Vídeos de conceito, apresentação da marca, conteúdo educativo.
A sequência inteira: o símbolo cresce do chão, o nome se ergue letra a letra, a assinatura se acende e o arco “Aranduka. Da floresta, para você!” é escrito por último.
Uso: Abertura de evento, vídeo manifesto, lançamento.
cubic-bezier(.2, .7, .2, 1): começa decidida e assenta com calma. É a mesma curva do design system.
O símbolo leva de 0,8 a 2,3s, e a assinatura completa até 3,4s. Em interface, prefira as versões curtas: Carimbo e Surgir.
Primeiro o tronco (haste), depois a sabedoria (A), o chão (barra), a mata (K) e por fim os pontos. Não inverter.
Com prefers-reduced-motion, mostrar a marca estática. Animações em ciclo só em estados de espera.
O arquivo baixado toca sozinho no navegador e em apresentações web. Para vídeo (MP4 ou Lottie), use como referência para o After Effects.