Pular para o conteúdo
Voelin Studio

Texto que respira

Letras que esticam, engordam e se afastam do cursor, como se tivessem músculos.

←→
experimento ao vivo

Escreva o que quiser no campo.

Como usar
  1. Passe o cursor sobre as letras.
  2. Troque o estilo: ímã, respiração, onda, explosão ou máquina de escrever.
Carregando o experimento…
Mouse ou dedoToqueTeclado
Sobre este experimento

Tipografia em movimento. Escreva uma palavra e veja cada letra reagir ao cursor, respirar sozinha ou seguir uma onda. Escolha entre cinco estilos de animação.

Como isso funciona?
  1. 01A fonte usada é variável: em vez de ter só “normal” e “negrito”, ela tem um controle contínuo de peso. O site muda esse peso letra por letra, várias vezes por segundo.
  2. 02Cada letra tem uma mola própria. Ela não pula para o novo tamanho: acelera, passa um pouco do ponto e volta, e é isso que dá a sensação de músculo.
  3. 03Atrasar cada letra ligeiramente em relação à anterior cria a onda. Esse atraso em cascata é um dos truques mais usados em motion graphics.