SuperHumanoMotion

Produto em destaque em três cores

Anúncio de 15 segundos com o produto como protagonista, duas cores fortes, tipografia em caixa alta e benefícios em cartões.

Personalizar

Altere os campos e o prompt à direita atualiza-se. Depois é só copiar.

1
2
1
2
3
Abrir o ClaudeCopiado
Crie um único ficheiro HTML (1920×1080 px, 16:9 horizontal, GSAP via CDN) com um anúncio de 15 segundos para garrafa térmica de aço inoxidável da marca NORTE: duas cores (#FF4D1F e quase-preto #111111), tipografia extra bold em caixa alta, o produto em destaque a rodar como protagonista, transições rápidas com motion blur e rasto.

Produto: desenhe uma representação estilizada e credível de garrafa térmica de aço inoxidável em HTML/CSS (formas, gradientes e sombras), que funcione como objeto principal e aceite rotação, zoom e mudança de cor.
Tagline: "Quente até ao fim do dia.".

Cenas, por ordem:
1. Abertura: um ponto em #FF4D1F explode no ecrã e o fundo fica na cor principal.
2. "Feita para durar.": o produto entra a rodar lentamente, em grande, com a frase a entrar por trás em letras enormes.
3. Detalhe: close-up em partes do produto com linhas finas e etiquetas técnicas que apontam para os detalhes.
4. "Sem compromissos.": o produto roda e muda de cor três vezes, com o fundo a alternar entre #FF4D1F e quase-preto a cada mudança.
5. Benefícios: dois cartões surgem à volta do produto com "24 horas quente" e "Aço inoxidável", cada um com um ícone geométrico animado.
6. "Leve. Forte. Sua.": as palavras entram uma a uma com pancadas visuais, separadas por pontos em #FF4D1F.
7. Final: o produto encolhe para o canto e surge "NORTE" com a tagline "Quente até ao fim do dia.".

Requisitos: tudo em HTML/CSS animado com GSAP, reprodução automática, sem interação, total de 15 segundos. O ritmo deve ser rápido e publicitário, sem cortes bruscos.

Como usar este prompt

Guia completo
1

Personalize e copie

Preencha os campos acima com os dados da sua marca e carregue em "Copiar prompt".

2

Cole no Claude

Abra o Claude com o modelo Claude Opus 5.5, de preferência com esforço alto, e cole o prompt.

3

Abra o ficheiro

Guarde o HTML que o Claude devolve e abra-o no browser. A animação começa sozinha.

4

Grave em vídeo

Grave o ecrã com o QuickTime ou o OBS, ou peça ao Claude ajustes até ficar como quer.