SuperHumanoMotion

Resultados do mês em números

Painel de indicadores que se constrói peça a peça, com count-up, gráfico de barras e variação face ao mês anterior.

Personalizar

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

1
2
3
1
2
3
4
5
6
Abrir o ClaudeCopiado
Crie um único ficheiro HTML (1920×1080 px, 16:9 horizontal, GSAP via CDN) com um vídeo de 15 segundos que apresenta "Resultados de setembro" para Equipa Comercial, como um painel de indicadores que se constrói peça a peça.

Estilo: fundo escuro (#171222), cartões com cantos arredondados e contorno subtil, tipografia sans-serif, números grandes em bold, destaque e variações positivas em #A1E934, variações negativas em vermelho suave.

Cenas, por ordem:
1. Abertura: "Resultados de setembro" entra em letras grandes, com "Equipa Comercial" por baixo em letra menor e a data em etiqueta discreta.
2. Indicadores: três cartões entram em stagger, cada um com nome, valor e variação, nesta ordem: Novos clientes · 48 · +12%; Receita · 86 400 € · +9%; Taxa de conversão · 4,2% · +0,6 pp. Os valores sobem em count-up e a variação aparece depois com uma seta animada.
3. Gráfico: um gráfico de barras com seis meses cresce barra a barra com os valores 32, 41, 38, 45, 52 e 48. A última barra fica em #A1E934 e recebe uma etiqueta.
4. Destaque: o cartão do primeiro indicador amplia-se por um instante com uma frase curta de contexto gerada a partir do valor.
5. Final: o painel encolhe para uma miniatura e surge "Obrigado à equipa" ou uma frase de fecho equivalente, com o nome Equipa Comercial.

Requisitos: tudo em HTML/CSS animado com GSAP, reprodução automática, sem interação, total de 15 segundos. Os números devem ser exatamente os indicados, sem inventar outros dados.

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 médio, 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.

Mais em Marketing

Ver todos