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 completo1
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.