realz.academyprompt grátis
Anúncio do Spotify

O prompt que monta o vídeo do Spotify inteiro

Copie e cole no Claude. Ele cria a animação completa, do logo ao iPhone abrindo o app.

O prompt

Crie um anúncio animado do Spotify em um único arquivo HTML, todo em português do Brasil.

FORMATO
- Palco de 1920x1080 (16:9) que escala para caber na janela, com fundo preto ao redor.
- Duração de 22 segundos. Toca sozinho e recomeça. Tecla F ativa tela cheia e a barra de espaço reinicia.
- Toda a animação é guiada pelo tempo (requestAnimationFrame lendo o tempo decorrido) e mexe só em transform e opacity.
- Movimento sempre suave: easing de saída e de entrada e saída, sem saltos, sem paradas bruscas. A tela nunca fica totalmente parada.

VISUAL
- Fundo quase preto com um grande brilho verde Spotify (#1ED760), bem difuso, que passeia devagar pela tela o tempo todo.
- Fonte Figtree (Google Fonts), texto branco, palavras de destaque em verde claro (#5CFF98).
- Logo do Spotify em SVG: círculo verde com as três ondas pretas, e o nome "Spotify" ao lado.
- Cartões com cantos arredondados, sombra suave e borda de luz fina.

ROTEIRO (segundos)
0 a 2,5: o ícone do Spotify desce suave até o centro, o nome desliza de trás do ícone, o logo segura um instante e sobe sumindo.
2,5 a 4,5: um iPhone em 3D (CSS 3D, com espessura e cantos arredondados) vem girando de longe e para de frente, levemente inclinado, na tela de bloqueio com 9:41.
4,5 a 5,5: a tela troca para a tela inicial: widget de clima de São Paulo e 12 apps com ícones e nomes (Apple TV, Contatos, Fotos, Calendário, Câmera, Spotify, Mapas, Relógio, Instagram, YouTube, Netflix, WhatsApp).
5,5 a 6,5: um toque aparece sobre o ícone do Spotify (círculo branco com onda), o ícone afunda e o app abre crescendo a partir do ícone, como no iPhone.
6,5 a 7,5: tela "Tocando agora" com capa quadrada, nome da música, artista, barra de progresso e controles. A câmera se aproxima da capa até ela tomar o quadro, sem esticar a imagem, e um clarão branco faz a passagem.
7,5 a 10: dentro do app: chips Tudo, Música, Seguindo e Podcasts; uma grade 2x2 de atalhos (Top 50 Brasil, Mix Sertanejo, Mix Funk, Mix Piseiro) entra pela direita em perspectiva; a seleção desliza de Tudo para Música.
10 a 12,5: título "Novos lançamentos para você" e 6 cartões de música (cabeçalho colorido, avatar redondo, título, artista e capa) entrando pela direita, com uma rolagem suave para baixo.
12,5 a 15: a frase "Ouça seus artistas favoritos" entra palavra por palavra, com "artistas" em verde; ela sai para a esquerda e "com um só clique" entra pela direita, com "só" em verde.
15 a 17,5: a frase se comprime até virar um traço de luz, o traço vira um ponto branco, o ponto cresce como círculo verde e as três ondas aparecem: o ícone do Spotify.
17,5 a 21: o nome Spotify desliza de trás do ícone e, embaixo, aparece "Tudo o que você ama, a um toque."
21 a 22: tudo some suave no preto.

CAPAS E ARTISTAS
- Músicas e artistas fictícios, com nomes em português.
- Capas e fotos feitas em CSS com gradientes e formas abstratas (sem imagens externas), cada uma com uma cor própria.

Responda só com o código HTML completo, pronto para abrir na prévia do Claude.
Copiado ✓ agora cole no Claude