SuperHumanoMotion

Novo website em destaque

Apresentação cinematográfica de um website, com browser 3D flutuante, scroll editorial e close-ups de componentes.

Personalizar

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

1
2
3
Abrir o ClaudeCopiado
Crie um único ficheiro HTML (1920×1080 px, 16:9 horizontal, GSAP via CDN) com um motion graphic publicitário de 15 segundos para apresentar o novo website de ATELIER, atelier de arquitetura e design de interiores, com uma estética cinematográfica e editorial.

Tagline: "Espaços que valem a pena viver.".
Cores: #EAE6DF e quase-preto (#171715), com pequenos detalhes em #B69B72. Títulos grandes com serifa elegante, texto secundário sans-serif minimalista. Muito espaço em branco.

Cenas, por ordem:
1. Abertura: fundo quase-preto. Um ponto em #B69B72 surge no centro, expande-se e transforma-se numa linha horizontal que revela o título "ARQUITETURA. REIMAGINADA." com animação de máscara.
2. Revelação do website: um browser 3D flutuante, ligeiramente inclinado, mostra a página inicial de ATELIER, com imagem de destaque, menu minimalista e o título "Espaços que valem a pena viver.". A câmara aproxima-se.
3. "DESENHADO PARA INSPIRAR.": a câmara entra na interface. O website faz scroll cinematográfico e revela conteúdos em grelha editorial, com imagens a expandir, títulos suaves e parallax.
4. "CADA DETALHE CONTA.": close-up de componentes: tipografia, menu, galeria, botões. Os elementos saem da interface, flutuam em perspetiva 3D e regressam ao lugar.
5. "ELEGANTE. INTUITIVO. INTEMPORAL.": o website completo regressa, acompanhado pela versão para telemóvel. Os dois dispositivos rodam suavemente enquanto as palavras surgem em sequência.
6. Final: os dispositivos desaparecem numa transição fluida. Surge o nome ATELIER e a tagline "Espaços que valem a pena viver." sobre fundo quase-preto.

Direção visual: profundidade 3D, movimentos de câmara, motion blur, iluminação suave e transições editoriais. Crie o website fictício em HTML/CSS com uma interface realista para atelier de arquitetura e design de interiores. Use composições gráficas em vez de fotografias reais. Anime tudo com GSAP, reprodução automática, 15 segundos no total. O resultado deve parecer a apresentação de um website premiado.

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.

Mais em Marketing

Ver todos