Animação de interface
Estética
A primeira parte cria expectativa estética por diferentes dimensões do design; a segunda explica como alcançá-la por meio de ações reais
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
watsonx｜Lançamento da plataforma
Alternar detalhe e conjunto do mesmo material filamentoso, agrupando sufixos do produto e capacidades conforme cada forma.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Orbit | Prévia da conferência
Afastar a câmera dos detalhes de construção das letras até revelar um título legível, desfocá-lo no fundo e mostrar data e URL em primeiro plano.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Qwen3.8-Max: símbolo com materiais e anúncio do modelo
Preservar o símbolo de três pétalas, primeiro trocar os materiais e depois ampliá-lo e deslocá-lo sobre azul para abrir espaço ao nome e aos parâmetros do produto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Pond｜Lançamento do sistema
Usar jardim e enxame como metáforas do sistema computacional: palavras grandes apresentam a proposta enquanto pequenos blocos coloridos de processos continuam ativos ao redor.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Nova identidade｜Slogan dobrável
Transformar uma frase em blocos de palavras conectados e espessos. A frente permite ler, e os lados mostram material iridescente; o loop volta à mesma posição frontal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Resultados trimestrais | Retrospectiva do Q2 de 2026
Manter janelas funcionais em primeiro plano e letras gigantes como textura de fundo, sem fundir as duas camadas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Identity Digital｜Identidade visual da marca
Transformar o ponto do domínio no protagonista das transições: separar uma URL longa, ampliar o ponto em uma cena geométrica e terminar em uma extensão setorial mais curta.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
TIDAL｜Identidade tipográfica, versão de 15 segundos
Preservar em quinze segundos cinco ênfases: saudação, posicionamento, música, criadores e ouvintes; ler apenas um grupo de palavras por vez.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
K3 | Prévia de pesos abertos
Converter traços escritos em pontos discretos, formar várias redes e expandi-las em um atlas de conhecimento.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Wonderful｜Animação do anúncio de investimento
Primeiro transformar o valor captado em um acontecimento visual, explicar o crescimento por investidores e cobertura mundial e voltar ao posicionamento do produto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
K3.1 | Prévia sem texto
Conectar temas por faixas de código e fatias deslocadas para expressar a ligação entre mundo físico e computação.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
GPT-6 Cyber
Manter o fundo principal em movimento lento e substituir o texto na mesma posição.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Lançamento de modelo | GPT-6 Sol / Luna
Criar velocidade esticando estrelas radialmente e fazer o sol e a lua crescente ocuparem o centro em sequência.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
A colagem de informações vira letras de tinta
Primeiro preencher a tela com letras de vários tamanhos, faixas e formas; após reduzir o conjunto, aproximar os fragmentos da linha de base da palavra central. Intercalar a saída dos elementos e a entrada das novas letras.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Framer sobre um prisma de vidro
Fixar o título no eixo central e revelá-lo palavra por palavra; uma faixa estreita de vidro se estende da esquerda para a direita, e o ponto de luz mais intenso cruza o título pouco depois.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Nova identidade｜Revelação do logotipo
Extrair um C de uma superfície iridescente ampliada, recolher o volume em uma letra e depois abrir o nome inteiro na mesma linha de base.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Resultados trimestrais | Pôster de dados do Q1 de 2026
Encaixar letras gigantes de larguras diferentes com blocos de cor; as bordas recortadas criam densidade e a faixa informativa inferior fica fixa.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Prévia da conferência | Config 2026 loading
Fragmentos de letras saem do caos e formam o título, enquanto a linha de progresso cresce de forma independente; na saída, dispersar primeiro as letras e concluir o progresso depois.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Evento no ar | Config Makeathon
Estabelecer a identidade do evento com padrões e letras na abertura, mostrar trabalhos rapidamente como prova do que os participantes produzem e informar no final que já está disponível.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Lovable — skills no Lovable.
Manter o título praticamente fixo enquanto formas suaves de tamanhos diferentes flutuam e giram ao redor
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Notion Skills — exportação para agentes locais de programação
Alternar rapidamente nomes de agentes para indicar compatibilidade e depois demonstrá-la com uma exportação e invocação completas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Higgsfield · Marco de um bilhão de dólares
Atrair atenção com um número grande e depois explicá-lo em camadas por meio de tempo, curvas e capturas da mídia
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Prévia de produto | Anúncio relacionado ao Windows
Sobrepor solicitações semelhantes de diferentes direções com pequenas inclinações para acumular pressão de demanda.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Lançamento do Claude Haiku 5.5
Manter as três colunas fixas e alternar texturas internas e orientações em L em passos discretos; trocar recursos não equivale a deslocar o bloco inteiro.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Fable 5 | Retorno do personagem de pixels
Revelar o nome do produto letra por letra somente quando o personagem chegar ao letreiro, ligando movimento e letras por causa e efeito.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Lançamento de modelo | Fable 5
Estabelecer primeiro um contexto de atlas e fazer diferentes mídias compartilharem o contorno do 5; o reconhecimento depende da forma estável, não de uma textura fixa.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Gemini | Revelação do logotipo tipográfico
Desmontar o texto anterior em partículas, movê-las com direção e reorganizá-las no novo nome.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Grok — 21 vozes totalmente novas
Fixar posição e tamanho do título; o movimento vem principalmente do fluxo contínuo do fundo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
ElevenLabs — captação de US$ 500 milhões com avaliação de US$ 11 bilhões
Estabelecer contexto com números e endossos antes do produto real, dando sistema visual próprio a cada uma das três linhas de negócio
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Geist Serif
Entrar pelo símbolo triangular em um desenho técnico azul e depois ampliar o contorno de uma letra. Linhas finas, cotas e pontos de controle explicam a estrutura dos traços sem dominar a forma.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Modelos virtuais do AI Gateway
Explicar primeiro a capacidade em uma frase e depois mostrar uma tabela que relacione tarefas e modelos ou um comando. Evitar explicações seguidas: cada conceito deve vir acompanhado de um uso concreto.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Corrida de drones AI Grand Prix
Os traços pretos se juntam a partir de segmentos dispersos para formar AI–GP; molduras de controle vermelho-alaranjadas, cruzes e pontos de posicionamento aparecem junto com eles. Alinhar verticalmente subtítulo e organizador.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Dados de cibersegurança
Alinhar o título à esquerda e usar laranja em Cybersecurity Data; a matriz de pontos abaixo se ilumina parcialmente. Depois, a tela inteira fica laranja, grandes números brancos crescem rapidamente e aparece vulnerabilities.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Directory: dados gratuitos de recrutamento
Avatares aparecem sucessivamente ao redor do título central, com tamanhos semelhantes e etiquetas curtas de identidade. Manter o título em duas linhas e usar laranja na linha da marca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Gráficos vetoriais｜Prévia do lançamento
Aproximar do cartaz inteiro ao planeta e depois a uma curva do contorno amarelo. Aumentar continuamente o zoom, mantendo as bordas suaves e o centro no mesmo detalhe.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Novo produto, novo visual
Centralizar emblema, frase e link, com pouca navegação nos cantos. O cursor azul desenha um arco pelo espaço vazio e volta ao texto central, criando um único foco em movimento.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Palavras de estado e HyperFrames
As palavras de estado mudam rapidamente em monoespaçada discreta, seguidas de um triângulo duplo escuro. O verde preenche o símbolo de baixo para cima e depois o logotipo branco se abre.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Seletor de versão do SUNO
V acima e 6 abaixo, com bordas laranja e interior rosa criando várias camadas de brilho. Manter a marca central pequena e estável; revelar os controles apenas quando os caracteres da versão saírem para cima e para baixo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de interface
Novas capacidades｜450+ integrações
Cápsulas laranja conectam palavras como connect e with e terminam em um sinal de mais clicável. Ao clicar, ícones entram por vários arcos, e o número cresce até 450.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Seja dono dos meios de produção. Revolte-se conosco.
Afastar rapidamente um símbolo e texto vermelho vistos muito de perto até uma composição pequena; o fundo preto mantém muito espaço vazio para uma aparição breve da marca.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
TIDAL｜Identidade tipográfica, versão de 60 segundos
Fazer do texto o protagonista: palavras curtas crescem, se comprimem e se encadeiam conforme a ênfase semântica; losangos empurram os blocos de texto para o próximo grupo de cores.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Animação tipográfica · 3.5 segundos
Construir toda a animação com escala e alinhamento do texto: mostrar um detalhe da letra, afastar até a frase inteira e depois transformá-la em uma coluna de verbos móveis.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Animação numérica · 6.1 segundos
Começar com uma contagem regressiva de três números grandes e depois abrir uma grade de nove números que mostre os ângulos e cantos arredondados da mesma família.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
North 2 — chega em outubro de 2026
Revelar o nome do produto com uma varredura verde, mantendo discretas as camadas transparentes e auroras escuras; depois transformar o nome em duas promessas curtas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Colagem de navegadores dos anos noventa
Usar uma frase curta sobre a memória da web como eixo; sobrepor ilustrações de conhecimento e depois páginas antigas para passar naturalmente do acúmulo de conteúdo à era do navegador.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Título circular sobre contexto
Com pouquíssimo texto e anéis finos, mover a atenção dos agentes para o contexto de que dependem.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Revelação do símbolo por agrupamento · 8.0 segundos
Decompor o gráfico anterior em unidades mínimas e usar as mesmas cores para reconstruir símbolo e nome.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Resend Inboxes
Trazer para a frente uma caixa de entrada escura e tranquila e revelar o lançamento com um título enorme e contraluz.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Retrospectiva da evolução do produto
Fixar a posição do nome da marca enquanto mudam ícone, versão e sufixo do produto, terminando apenas na marca principal.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Think｜Logotipo do evento
Alinhar letras tridimensionais orientadas de forma dispersa numa única direção de leitura e deixar o logotipo parado após uma formação breve.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Deezer｜Fundo animado Live the Music
Fazer a onda do fundo respirar continuamente enquanto o título central permanece claramente fixo.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Faculty｜Propostas de marca com texto e degradês
Sustentar três propostas sobre campos de cor lentos e fragmentar brevemente as letras apenas ao mudar de frase.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Uniqode｜Formação e dispersão de texto pontilhado
Reunir partículas dispersas em uma frase legível e desfazê-la com as mesmas partículas.
Apenas vídeo de referência; nenhum projeto editável fornecido.
Animação de texto
Wise｜Animação de tipografia e símbolos monetários
Primeiro explicar a origem da fonte, mostrar detalhes das letras e depois aplicar a mesma tipografia a moedas e paletas diferentes.
Apenas vídeo de referência; nenhum projeto editável fornecido.