Motion · estudos
Lume Vox · motion design

A pílula, o u e o m são a mesma curva.

37 estudos de movimento para o símbolo, o ponto laranja e o wordmark. Linha de espessura única, cantos de pílula e o laranja como o único elemento que chama atenção.

Clique em qualquer quadro para reiniciar. Use os controles no topo para ver tudo em verde ou em pedra.

REINICIAR
E4 · Vox digitado6 s · lançamento, redes

RRegras propostas

Valores de partida para quem for animar no app ou no After Effects. Servem para manter os 37 estudos na mesma família.

Espessura

Linha sempre com ~1/8 da largura da pílula. Ponto com raio de ~0,19 da largura. Nada de traço que engrossa ou afina.

Tempo

Entradas entre 600 e 900 ms. Estados em loop entre 1,6 e 4 s. Respiração de repouso em 4 s.

Curvas

Forma usa ease-in-out cúbica. Só o ponto ganha overshoot leve, como se tivesse peso. Sem bounce na pílula.

O laranja

Um ponto laranja por cena. Ele se move quando existe voz ou trabalho. Sem voz, fica parado ou respira. Sem glow e sem brilho.

Código da animação

—

HTML autônomo: núcleo de geometria da marca, a função build() desta animação e o loop que a roda. Abre direto no navegador.