VERTA
Bebida · água
VERTA — água da nascente
Fundo líquido animado em canvas, bolhas subindo, garrafa em SVG que troca de sabor com o líquido, a tampa e a cor mudando juntos.
PEDRAVIVA
Marmoraria
PEDRAVIVA — chapa por código
Cinco pedras desenhadas por ruído (Carrara, São Gabriel, Travertino, Ubatuba, Nero Marquina) com veio único a cada troca, sob um lustro que varre a tela.
FORMALAR
Móveis planejados
FORMALAR — ambiente desenhado
Cozinha, closet, home office e dormitório montados módulo a módulo em canvas, com veio de madeira, puxador e barra de tempo mostrando a próxima troca.
LOOPSTACK
Hero preta · uma tela
LOOPSTACK — hero com vídeo
Uma tela só, sem rolagem: vídeo de flor, ponto neon pulsando, marca de 21,9vw entrando letra a letra e cursor próprio com pílula de vidro.
BASELINE
Clube de tênis · site completo
BASELINE — site editorial
Sete seções com rolagem suave (Lenis): hero com parallax, carrossel de treinadores com palavras gigantes, programas, quadras inclinadas, números, depoimentos, rodapé, mais modal e menu em tela cheia.
MERIDIANO
Engenharia · espiral 3D
MERIDIANO — obras em espiral
Quinze obras numa espiral que desce enquanto você rola. Cada foto é um corte de obra gerado por ruído — concreto, estrutura metálica, terraplenagem.
AUTO EIXO
Concessionária · túnel 3D
AUTO EIXO — pátio em túnel
Anéis de carros vindo de frente conforme a rolagem avança. Cada carro é desenhado em canvas: lataria, vidro, roda e brilho.
PORTO CERÂMICA
Revestimentos · mosaico 3D
PORTO CERÂMICA — parede que vira
Trinta peças girando em onda diagonal, trocando de revestimento: Carrara, cimento queimado, freijó, ubatuba e terrazzo — todos gerados por código.
BRASA & SAL
Restaurante · coverflow 3D
BRASA & SAL — cardápio em coverflow
Sete pratos deitando e girando em perspectiva, com preço trocando no canto. Faíscas de brasa subindo na abertura.
ALTURA
Imobiliária · cilindro 3D
ALTURA — carteira em cilindro
Sete imóveis presos num cilindro vertical que rola sob você. Cada fachada é desenhada com janelas acesas em posição sorteada.
NÚCLEO
Clínica · site premium
NÚCLEO — clínica integrada
Abertura com contador, título entrando letra a letra e vídeo de fundo que vai virando cartão arredondado conforme você rola. Quinze cartões de especialidade.
SOLAR DO VALE
Pousada · site premium
SOLAR DO VALE — nove quartos deitados
Carrossel horizontal puxado pela rolagem vertical: nove quartos pintados em canvas passando de lado, com fundo de dunas em vídeo.
ORÍGEN
Joalheria · site premium
ORÍGEN — vitrine em cilindro
Abertura com anel girando, hero que afasta o zoom e seis joias desenhadas sobre veludo num cilindro vertical. Ouro sobre preto.
FERRO NOVO
Indústria B2B · site premium
FERRO NOVO — caldeiraria e usinagem
Hero dividido em duas colunas com vídeo à direita, painel de capacidade instalada, faixa fixada de emergência 24h e lista de serviços que desliza no hover.
ARCO
Arquitetura · site premium
ARCO — obra em arco
Abertura em arco que se abre, janela de vídeo que vira retângulo enquanto você rola e seis projetos desenhados em canvas com sol, brise e pessoa para escala.
Como gravar para o Instagram
- Abra o demo em tela cheia (F11 no Windows). Ele não tem barra de rolagem — ocupa a tela inteira de propósito.
- Recarregue a página antes de começar a gravar: a animação de entrada só roda uma vez, e ela é o melhor primeiro segundo do vídeo.
- Grave 15 a 20 segundos — dá tempo da entrada + quatro trocas automáticas.
- Para reel vertical, deixe a janela do navegador estreita (uns 500 px de largura) antes de abrir: o layout se reorganiza sozinho para o formato de celular.
- Se quiser controlar a troca na mão em vez de esperar, clique na setinha — o laço automático para no primeiro clique e não atrapalha mais a gravação.