SuperHumanoMotion

Sabia que? Dado estatístico animado

Um número grande em count-up, um gráfico simples a desenhar-se e uma frase de contexto. Ideal para LinkedIn.

Personalizar

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

Abrir o ClaudeCopiado
Crie um único ficheiro HTML (1080×1080 px, 1:1 quadrado, GSAP via CDN) com um vídeo de 10 segundos para redes sociais, centrado num único dado estatístico.

Estilo: fundo claro (#F8F9FA) ou escuro (#171222) à escolha, com forte contraste. Tipografia sans-serif pesada, o número em dimensão gigante, destaque em #A1E934. Linhas finas e um gráfico minimalista.

Cenas, por ordem:
1. Abertura: a expressão "Sabia que" surge pequena no topo, com um sublinhado que se desenha em #A1E934.
2. Número: "67%" sobe em count-up a partir de zero, com ligeiro overshoot elástico ao chegar ao valor final. Ao mesmo tempo, um gráfico simples (barra ou anel) desenha-se até à mesma proporção.
3. Contexto: a frase "das PME portuguesas ainda não usam IA em nenhum processo" entra linha a linha por baixo do número. A fonte "INE, 2026" aparece em letra pequena e discreta.
4. Conclusão: o número e o gráfico encolhem para o canto e surge "A vantagem está em começar agora." em destaque, com uma palavra em #A1E934.
5. Final: tudo desvanece e fica apenas "superhumano.ai" com um pequeno traço animado.

Requisitos: texto sempre legível em ecrã pequeno, zonas seguras respeitadas, tudo em HTML/CSS animado com GSAP, reprodução automática, sem interação, total de 10 segundos.

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 Redes Sociais

Ver todos