SuperHumanoMotion

Logótipo 3D a formar-se

Fragmentos geométricos em 3D que flutuam, se alinham e formam o nome da marca, com luz e profundidade.

Personalizar

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

Abrir o ClaudeCopiado
Crie um único ficheiro HTML (1920×1080 px, 16:9 horizontal, GSAP via CDN) com uma animação de logótipo de 10 segundos em que o nome "SUPERHUMANO" se forma a partir de fragmentos tridimensionais.

Estilo: fundo #0D0E10, materiais com aspeto de vidro fosco e metal escuro, luz principal em #A1E934 vinda de cima à esquerda, reflexos suaves e profundidade de campo simulada com desfoque nos elementos mais afastados.

Cenas, por ordem:
1. Abertura: dezenas de pequenos blocos e placas flutuam em perspetiva 3D (CSS transform-style: preserve-3d), a rodar lentamente, com paralaxe entre camadas.
2. Convergência: um impulso de luz em #A1E934 atravessa o ecrã e os fragmentos começam a alinhar-se, com easing suave e ligeiro overshoot.
3. Formação: os fragmentos encaixam e formam cada letra de "SUPERHUMANO", letra a letra, com um brilho que percorre a superfície à medida que cada uma fica completa.
4. Revelação: a câmara recua e roda ligeiramente para mostrar a espessura do logótipo. Uma sombra suave aparece por baixo.
5. Final: o logótipo estabiliza de frente, a luz acalma e surge a tagline "A empresa do futuro começa hoje." em letra fina por baixo.

Requisitos: use apenas HTML, CSS 3D e GSAP, sem bibliotecas de WebGL. Garanta bom desempenho limitando o número de fragmentos a cerca de 60. 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áximo, 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.