08Motion
O liquidificador gira, a palavra sacode.
No movimento, o símbolo gira como um liquidificador ligado e a palavra SHAKE treme junto. Só no movimento: em peça estática o logo fica parado e reto.
logoGira
A mão pega pela alça, sacode e gira o liquidificador; o SHAKE assina antes do título. Na cartela final dos vídeos, o logo fica no topo, com 120 px de símbolo no 9:16 e 96 px no 4:5.
No código: logoApp() e logoGira(el, t, t0) em motion/tipo/logo-app.js.
- Duração do loop
- 3,5 s
- Mínimo no vídeo
- 48 px de símbolo
- Cartela 9:16
- 120 px
- Cartela 4:5
- 96 px
Uma versão curta para a interface: o símbolo dá uma volta de liquidificador e a palavra sacode uma vez.
Quando usar
Splash que passa de 1 segundo, carregamento longo, tela de conquista (primeiro vídeo no ar). Uma vez por evento, nunca em loop dentro da interface.
Com movimento reduzido ligado no aparelho, o logo aparece parado.
- Giro
- 1,6 s, eixo na base
- Sacode
- 0,7 s, 6 px
- Curva
- emphasized do M3
- Repetição na UI
- uma vez
Todos os movimentos da marca usam a curva emphasized do Material 3: saída rápida e chegada suave.
- Entrada
- 400 a 500 ms
- Saída
- 200 a 250 ms, curva de saída
- Troca de tela
- 300 a 400 ms
- Giro do logo
- 1,6 s
- Sacode do texto
- 0,7 s
- Loop da cartela
- 3,5 s
Não
Girar o logo em peça estática, inclinar o logo parado, animar a alça separada do copo, trocar a cor no meio do movimento.