Colagem de grade de fotos

Fotos reais de produto e de estilo de vida entram uma miniatura por vez com um leve quique, terminando como uma grade completa sob um selo da marca.

É um dos 13 templates de anúncio HTML nativos do Hermoso, formatos renderizados a partir de marcação real por um navegador, e não gerados por um modelo. Este gera um vídeo, com 4 espaços de texto que você preenche, e precisa de 4 fotos de produto da sua marca antes de rodar.

Quando usar

Para coleções, linhas de produtos, conjuntos de antes e depois e qualquer marca com uma biblioteca de boas fotografias sem ter para onde ir. Transforma uma pasta de imagens num vídeo desenhado.

O que acertar

Precisa de quatro fotos. O formato é a montagem de uma grade, então as miniaturas precisam ser imagens realmente diferentes, e não recortes de uma só.

O formato em resumo

• Saída: um vídeo.
• Espaços de texto: 4, cada um com seu próprio limite de caracteres derivado do layout, e não estimado.
• Materiais necessários: 4 fotos de produto.
• ID do template: photo-grid.

Como este template é renderizado

Nada aqui é gerado por um modelo de imagem ou vídeo. O formato é uma página HTML autocontida cuja animação é uma função pura do tempo, sem keyframes de CSS, temporizadores ou aleatoriedade. O renderizador percorre essa página quadro a quadro no Chrome headless, captura cada quadro e os monta com o ffmpeg num arquivo H.264 que termina numa transição suave para o card final da sua marca.

Duas coisas decorrem disso. A renderização é determinística: as mesmas entradas produzem o mesmo arquivo, então um formato que parecia certo ontem parece certo hoje. E cada palavra na tela é texto real renderizado pelo navegador, o que significa que o texto é exato e continua nítido em qualquer resolução. Tudo isso custa alguns créditos em vez de uma geração de vídeo, o que torna esses formatos práticos para rodar em volume.

Posso usar recortes da mesma foto?

Não. O formato é a montagem de uma grade, então precisa de quatro imagens genuinamente diferentes. Recortes de uma só imagem se montam numa grade sem nada para revelar, e isso é a única coisa que a animação existe para fazer.

Os outros templates nativos

• Anúncio de imagem em estilo nativo
• Explicador de mito versus fato
• Anúncio em movimento de proposta de valor
• Tipografia cinética
• Vinheta cinematográfica
• Revelação de conversa no iMessage

Os 13 estão listados no índice de templates de anúncio nativos, e o catálogo mais amplo está no índice de receitas criativas.

O template de colagem de grade de fotos é acessível pelo Claude, Cursor, Codex ou qualquer outro cliente MCP, além do estúdio web, com a mesma base de marca. Usar um formato a partir de um agente explica a configuração.