Tour pela interface do app

É 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 2 capturas de tela do app da sua marca antes de rodar.

Quando usar

Campanhas de instalação de app e lançamentos de software. É a resposta de marca de app para um filme de produto, e a única forma de mostrar uma interface sem um modelo inventar uma.

O que acertar

A interface é DOM renderizado a partir das suas capturas reais, então é pixel-perfeita e legível. Duas telas é o mínimo; um tour de uma tela só é um anúncio estático.

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: 2 capturas de tela do app.
• ID do template: app-ui-tour.

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.

Quantas telas um tour precisa?

No mínimo duas. Um tour de uma tela só é um anúncio estático com um celular desenhado em volta. As telas são suas capturas reais renderizadas como DOM do navegador dentro de um iPhone em CSS, então a interface continua legível em vez de ser inventada.

Os outros templates nativos

• Revelação no Apple Notes
• Carrossel de produtos do AirDrop
• Carrossel de marca
• Vinheta cinematográfica
• Revelação de conversa no ChatGPT
• Anúncio em movimento de proposta de valor

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 tour pela interface do app é 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.