{
  "id": "clube-pinterest-inspiracao",
  "titulo": "Uma forma vira a próxima",
  "categoria": "saas",
  "resumo": "anúncio quadrado de 11,5 s, sem narração, no estilo Startup SaaS, em que nenhuma ideia é cortada da anterior: o \"?\" da pergunta sobe girando e vira o logo do Pinterest, o logo encolhe até um ponto, o ponto estica na barra de busca, a barra recebe um moodboard, a pilha de cards abre em leque e o card escolhido sai para o quadro salvo. O fundo passa do preto ao branco num clarão de seis quadros, no grave da música. A comp inteira sai de um script do After Effects (`cenas.jsx`) e o som, de um script Python na Mesa. Recriação do estilo de @illdari, feita pelo Clube do Motion.",
  "indicado": "anúncio de app ou SaaS, apresentação de recurso novo, abertura de portfólio de UI, qualquer produto digital que se explica por uma sequência de telas.",
  "estilo": [
    "Startup SaaS",
    "morph em cadeia",
    "clarão preto para branco",
    "entradas pelo desfoque",
    "leque 3D de cards",
    "sincronizado na batida"
  ],
  "ficha": {
    "formato": "1080×1080, 30 qps, desfoque de movimento com obturador de 360° e 16 amostras",
    "duracao": "11,53 s (346 quadros), sem narração",
    "motor": "ae",
    "voz": "sem narração",
    "musica": "ver o guia de estilo",
    "fontes": "SF Pro Display (Semibold e Bold) e SF Pro Text (Regular e Medium)"
  },
  "etapas": [
    {
      "titulo": "Leia-me",
      "texto": "# Pinterest em SaaS: uma forma vira a próxima\n\n> Data: 2026-10-17 · Tipo: projeto · Status: aprovado · Id: pinterest-inspiracao\n\n**Resumo:** anúncio quadrado de 11,5 s, sem narração, no estilo Startup SaaS, em que nenhuma ideia é cortada da anterior: o \"?\" da pergunta sobe girando e vira o logo do Pinterest, o logo encolhe até um ponto, o ponto estica na barra de busca, a barra recebe um moodboard, a pilha de cards abre em leque e o card escolhido sai para o quadro salvo. O fundo passa do preto ao branco num clarão de seis quadros, no grave da música. A comp inteira sai de um script do After Effects (`cenas.jsx`) e o som, de um script Python na Mesa. Recriação do estilo de @illdari, feita pelo Clube do Motion.\n\n## Descrição\n\nUm anúncio de produto digital contado só com formas que se transformam. A pergunta \"Sem inspiração?\" sai do desfoque sobre um preto com brilho vermelho e anda devagar até as palavras saírem uma depois da outra. O ponto de interrogação se solta, sobe girando em 3D e, no clarão branco, já é o logo do Pinterest com espessura. Dali em diante cada peça nasce da anterior: ponto, barra de busca digitada, moodboard arrastado por uma mão de luva, pilha de cards com o efeito do Dock do Mac, clique em salvar e o card em destaque com um reflexo azul. Um corte seco leva à grade escura das pastas, e o vídeo fecha com uma marca que pulsa nas batidas.\n\n- **Indicado para:** anúncio de app ou SaaS, apresentação de recurso novo, abertura de portfólio de UI, qualquer produto digital que se explica por uma sequência de telas.\n- **Estilo:** Startup SaaS, morph em cadeia, clarão preto para branco, entradas pelo desfoque, leque 3D de cards, sincronizado na batida\n- **Formato:** 1:1 · 11,5 s · sem narração\n\n**Tutorial em vídeo:** em breve.\n\n## O vídeo\n\n| Item | Valor |\n|---|---|\n| Duração | 11,53 s (346 quadros), sem narração |\n| Formato | 1080×1080, 30 qps, desfoque de movimento com obturador de 360° e 16 amostras |\n| Ferramenta | After Effects: um script ExtendScript (`cenas.jsx`) cria o projeto, monta a comp `RECRIACAO` com as precomps `PALCO`, `PILHA`, `GRADE` e os seis cards, e salva o `.aep` |\n| Assets | logo do Pinterest com o glifo oficial do Simple Icons (CC0), camada escura para a espessura, duas mãos de luva e um moodboard com fotos geradas, tudo feito por `fazer_assets.py` |\n| Fontes | SF Pro Display (Semibold e Bold) e SF Pro Text (Regular e Medium) |\n| Trilha | \"BUTTERFLY EFFECT\", de Travis Scott, acelerada 1,84% sem mudar o tom para cair nos 143,6 BPM da referência |\n| Som | 30 eventos tirados da comp, um efeito por ação e tonais em Si maior; −14,0 LUFS e pico verdadeiro de −1,3 dBFS |\n| Referência | edit \"Pinterest em estilo SaaS\", de @illdari (07/06/2026), estudado quadro a quadro |\n| Arquivo final | MP4 H.264 com áudio AAC, 6 MB |\n\n## O que tem no pacote\n\n| Pasta | Conteúdo |\n|---|---|\n| `projeto/` | `ae/cenas.jsx` (o gerador comentado), `ae/pinterest-saas.aep` (o projeto montado), `assets/` (logo, espessura, mãos e moodboard em PNG) e `assets/fazer_assets.py` (como cada imagem foi feita) |\n| `audio/` | `trilha.py` (o som inteiro), `eventos.json` (os 30 eventos da comp), `mix.wav`, `relatorio-som.json` e `mesa/`, com o motor de mix `mesa.py` e o `mapa_padrao.py` |\n| `referencias/` | `estudo-da-referencia.md` (o edit original decupado quadro a quadro, com a receita), `links.md` e `fora-do-pacote.md` |\n| `render.mp4` | o vídeo final |\n\nFica fora do pacote o trecho da música (`audio/musica.wav`). O `trilha.py` traz o comando do ffmpeg que corta e acelera a faixa a partir de 12,55 s; com outra música, ache um tempo forte e faça ele cair no clarão de 1,67 s.\n\n### Como os scripts funcionam\n\n| Arquivo | O que faz |\n|---|---|\n| `ae/cenas.jsx` | cria um projeto novo e monta tudo. No topo ficam o bloco `TEXTOS` (frase, busca, abas, lista e chips dos cards) e a `MARCA` final. A ajudante `K` grava chaves com influência de entrada e saída (−1 = linear, `'a'` = curva contínua), `digita` escreve o texto letra a letra e `ev` anota cada evento de som. Os cards são precomps de 300×330 feitas por `cardComp`; a pilha tem câmera própria; o palco branco faz o papel de câmera pela âncora e pela escala. No fim, grava `audio/eventos.json` e salva `ae/pinterest-saas.aep` |\n| `ae/pinterest-saas.aep` | o resultado do script, pronto para abrir e renderizar |\n| `assets/fazer_assets.py` | desenha o logo sobre o disco branco, a camada de espessura, as mãos de luva e o moodboard em grade 3×2 |\n| `audio/trilha.py` | põe a música 11 dB abaixo, toca um efeito por evento pelo mapa padrão (com tecla nos pulsos da marca e pop nos toques da pilha), marca o drop em 1,67 s e mixa para −14 LUFS |\n| `audio/mesa/` | o motor de mix (efeito com o pico no instante, tonais no tom, master −14 LUFS) e o mapa de sons por tipo de evento |\n\n## Como abrir e renderizar\n\n1. **Fontes:** instale SF Pro Display e SF Pro Text em `C:\\Program Files\\Common Files\\Adobe\\Fonts` e reinicie o After Effects.\n2. **Juntar as pastas:** copie `audio/` para dentro de `projeto/`. O script grava os eventos em `projeto/audio/eventos.json`.\n3. **Abrir:** `projeto/ae/pinterest-saas.aep`. Se o AE pedir arquivos, aponte para `projeto/assets/`.\n4. **Adaptar:** troque o `TEXTOS`, a `MARCA` e as imagens de `assets/` e rode File › Scripts › Run Script File › `cenas.jsx`. Ele cria um projeto novo e sobrescreve o `.aep` em cerca de 3 s.\n5. **Som:** no topo do `trilha.py`, aponte o `sys.path.insert` para a pasta `audio/mesa`, gere o `musica.wav` com o comando do ffmpeg do próprio arquivo e rode `python audio/trilha.py`. Precisa de numpy, scipy, soundfile, librosa e pyloudnorm; no topo do `mesa.py`, aponte as pastas de efeitos para a sua biblioteca.\n6. **Render:** fila do AE em H.264 e o `mix.wav` colado com o ffmpeg: `ffmpeg -i video.mp4 -i audio/mix.wav -map 0:v -map 1:a -c:v copy -c:a aac -b:a 320k -shortest final.mp4`.\n\n**Pegadinhas:** o Gaussian Blur das camadas vem com \"Repeat Edge Pixels\" desligado; ligado, um PNG desfocado vira uma caixa. Opacidade de um null não chega aos filhos, por isso cada camada da frase tem a sua. A espessura do logo são oito cópias escuras atrás, de 6 em 6 px no eixo Z, filhas do logo: só aparecem porque o logo gira em 3D. O `aerender` não aceita caminho com acento: renderize de uma pasta sem acento.\n\n## Decisões de direção que fizeram o vídeo funcionar\n\n1. **Uma forma vira a próxima.** \"?\", logo, ponto, barra e card são a mesma ideia mudando de forma; o único corte seco é o da grade, em 8,77 s.\n2. **O clarão no grave.** O preto vira branco em seis quadros lineares no tempo forte de 1,67 s: a pergunta fica no escuro e a resposta no claro.\n3. **Texto que nunca para.** A frase sai do desfoque em 12 quadros, anda 90 px enquanto é lida e sai palavra por palavra, com 2 quadros de defasagem.\n4. **Rebote de 3%, uma vez só.** A barra estica de 144 para 753 px e volta para 730; o resto do vídeo assenta sem quicar.\n5. **A mão conta o gesto.** A luva arrasta o moodboard, percorre a pilha e clica em salvar, e a câmera aproxima 66% enquanto ela trabalha.\n6. **A pilha responde ao cursor.** O card sob a mão sobe 40 px e cresce, como o Dock do Mac; os da esquerda ficam cinza quando a mão chega ao escolhido.\n7. **Fecho no ritmo.** A marca sai do desfoque com brilho e pulsa em cinco batidas com desfoque e tremida de dois quadros.\n\nDetalhes de cores, tempos e números: [estilo.md](estilo.md). Cenas por tempo e texto na tela: [roteiro.md](roteiro.md). Para fazer o seu com outro produto: [PROMPT.md](PROMPT.md).\n\n## Versões\n\n| Versão | O que mudou |\n|---|---|\n| **v1** | recriação cena a cena, ajustada lado a lado com o original, com texto em português e a nossa marca no fecho |\n"
    },
    {
      "titulo": "Roteiro",
      "texto": "# Roteiro: Pinterest em SaaS\n\n> Data: 2026-10-17 · Tipo: roteiro · Status: aprovado · Projeto: pinterest-inspiracao\n\n**Resumo:** o vídeo não tem narração; o roteiro é a sequência de formas e o texto curto que aparece em cada uma, com os tempos do `cenas.jsx`. Com outro produto, mantenha a regra: a pergunta no escuro, a resposta no claro e cada peça nascendo da anterior.\n\n## De onde veio a estrutura\n\nO edit estudado conta, em 11,5 s, \"precisa de inspiração? → Pinterest → busca → escolhe → salva no quadro\" e fecha com a marca de quem fez. Este projeto mantém as cenas, os tempos e a grade da música e troca o texto por português e a marca final por um \"play\" genérico.\n\n## Cenas e texto na tela\n\n| Tempo (s) | Tela | Texto na tela |\n|---|---|---|\n| 0,00–1,00 | preto com brilho vermelho; a frase sai do desfoque e anda para a esquerda | \"Sem inspiração?\" |\n| 1,00–1,53 | as palavras saem uma depois da outra; o \"?\" se solta, sobe e gira | \"?\" |\n| 1,53–1,73 | clarão: o fundo vira branco | — |\n| 1,54–2,47 | o \"?\" já é o logo do Pinterest com espessura; anel rosado; o logo encolhe num ponto | — |\n| 2,47–3,20 | o ponto estica na barra de busca, que clareia e se digita | \"Buscar no Pinterest\" |\n| 3,20–4,47 | a mão de luva arrasta um moodboard até a barra; a câmera aproxima e volta | — |\n| 4,47–5,87 | a pilha de seis cards abre em leque; a mão passa por cima e cada card sobe | \"Rascunho\", \"Fazendo\", \"Revisão\", \"Pronto\" (card de lista) |\n| 5,87–7,10 | os cards da esquerda ficam cinza; brilho rosa; clique em salvar | — |\n| 7,10–8,77 | o card escuro sai da pilha, endireita, recebe o reflexo azul e encolhe | \"Pendente\", \"Em andamento\", \"Enviado\", \"Clube\", \"Sucesso\", \"Falhou\", \"Expirado\" |\n| 8,77–9,87 | corte seco para a grade escura das pastas; aproxima e apaga | \"Pins\", \"Pastas\", \"Colagens\" |\n| 9,93–11,00 | a marca final sai do desfoque e pulsa nas batidas | — |\n\n## Momentos para o som\n\n- A música entra no começo e o primeiro tempo forte (1,67 s) cai no clarão.\n- Na grade de 0,418 s da música caem a barra (2,47 s), a pilha (4,6 s), o clique (6,95 s), o corte para a grade (8,77 s) e a marca (9,93 s).\n- Um efeito por ação: texto entrando e saindo, subida do \"?\", clarão, anel, morph da barra, digitação, arrasto e pouso do moodboard, um toque para cada card do Dock, clique e selo, reflexo, tranco do corte e cinco pulsos da marca.\n- A música fica 11 dB abaixo do nível do arquivo para os efeitos aparecerem; fade de 0,6 s no fim.\n"
    },
    {
      "titulo": "Estilo",
      "texto": "# Estilo do vídeo: Pinterest em SaaS\n\n> Data: 2026-10-17 · Tipo: guia · Status: vigente · Projeto: pinterest-inspiracao\n\n**Resumo:** abertura preta com brilho vermelho, miolo branco e fecho na grade escura das pastas. Vermelho do Pinterest só no \"?\" e no logo, SF Pro em tudo, desfoque como entrada e saída e uma única mola de 3% na barra de busca. Números tirados do `cenas.jsx`.\n\n## Palco\n\n| Peça | Como é |\n|---|---|\n| Tela | 1080×1080, 30 qps (o original tem 720×720; todas as medidas foram multiplicadas por 1,5) |\n| Desfoque de movimento | obturador de 360°, fase −180°, 16 amostras, em todas as comps |\n| Montagem | comp `RECRIACAO` com a frase, o clarão, o logo 3D (com câmera), o `PALCO` branco, a `GRADE` e a marca final |\n| Câmera do miolo | a âncora e a escala do `PALCO` fazem o papel de câmera: o ponto focado vai para a âncora e o zoom é a escala |\n\n## Cores\n\n| Peça | Valor |\n|---|---|\n| Fundo da abertura | `#000000` com um círculo `#4A0000` de 1.300 px, desfoque 320, opacidade 85%, no canto de baixo à direita |\n| \"?\" | `#D80007` |\n| Barra de busca ao nascer | `#C30B20`, clareando até branco em 0,11 s, com traço `#E8505F` que esfria para `#CFCFD4` |\n| Faixa de \"soltar aqui\" | `#F7C9D6`, desfoque 30, recortada pela barra |\n| Brilho sob a pilha | `#F3A5D8`, 520 px, desfoque 120, até 38% |\n| Selo de salvo | `#2F97E1` |\n| Reflexo do card em destaque | degradê radial `#2F95FF` para preto, em modo Add |\n| Grade escura | fundo preto, tiles `#151517` de 330 px com raio 44, card com contorno branco de 3 px |\n| Chips de status | laranja `#F5A524`, azul `#3B82F6`, roxo `#A855F7`, verde `#22C55E`, vermelho `#EF4444`, cinza `#9CA3AF` e o chip da marca em `#E8C547` |\n\n## Fontes\n\n| Fonte | Onde |\n|---|---|\n| SF Pro Display Semibold | a frase de abertura, 97 px, tracking −20 |\n| SF Pro Text Regular | \"Buscar no Pinterest\", 38 px |\n| SF Pro Text Medium | abas da grade (26 px), lista e chips dos cards |\n| SF Pro Display Bold | número grande do card de relógio |\n\n## Cena a cena\n\n| Cena | Números |\n|---|---|\n| Pergunta (0–1,53 s) | cada palavra sai do desfoque 25 em 12 q; o grupo anda de x 570 a 480, linear, de 0,10 a 1,00 s; saída em 8 q com desfoque 30 e 60 px para a esquerda, a 2ª palavra 2 q depois; o \"?\" entra 7 q depois, se solta em 1,00 s, sobe girando em Y até 45° e cresce para 260% |\n| Clarão (1,53–1,73 s) | sólido branco de 0 a 100% em 6 quadros lineares |\n| Logo (1,54–2,48 s) | 240 px na tela; gira em Y de −45° a 0° até 1,85 s; anel `#F5C6CF` de 324 px e traço 6, de 90 a 110%, entre 1,87 e 2,07 s; encolhe para 60% com desfoque 22 até 2,47 s |\n| Barra (2,47–2,90 s) | retângulo de 144×117 estica para 753×117 em 0,26 s (influência 92) e volta para 730 em 0,14 s; desfoque de 20 para 0; texto digitado de 2,63 a 2,95 s; lupa e câmera aparecem em 0,14 s |\n| Moodboard (3,20–4,47 s) | entra de x 1.320 girando 14°, assenta em 0,4 s a 4° e balança com curva contínua; o palco aproxima de 100 para 138, 160 e 166% e volta a 100% em 0,17 s com um desfoque de 8 no meio; o print vira miniatura de 7,5% dentro da barra |\n| Pilha (4,47–7,10 s) | placeholder cinza de 60 para 112%; seis cards em leque 3D com passo de 58 px em X e 55 px em Z, rotação Y de 18°, escala 112%, 2 q entre eles; Dock em 4,97, 5,17, 5,37 e 5,57 s: o card sobe 15 px, avança 40 px em Z e cresce para 121% em 6 q; cards da esquerda tingidos de cinza a partir de 5,87 s; clique em 6,95 s com o selo de 0 a 115 a 100% |\n| Destaque (7,10–8,77 s) | o card escuro endireita de −8° e 15° em X, cresce de 118 para 168% até 7,63 s (influência 90); o resto desfoca a 40 e some em 0,2 s; reflexo cruza de 7,58 a 7,92 s; encolhe de 172 para 146% entre 8,00 e 8,73 s, acelerando |\n| Grade (8,77–9,87 s) | corte seco; aproxima de 100 para 106% e desce 20 px, linear, até 9,50 s; apaga no preto até 9,87 s |\n| Marca (9,93–10,97 s) | aro de 170 px e traço 16 com o \"play\", escala 180%; sai do desfoque 60 em 0,3 s; Glow com raio 60 e intensidade 1,5; pulsos em 10,40, 10,50, 10,60, 10,77 e 10,93 s, cada um com desfoque 25 e tremida de até 14 px por dois quadros |\n\n## O que é \"humano\" neste vídeo\n\n- A frase anda o tempo todo em que está na tela, e o moodboard balança na mão enquanto espera.\n- As entradas usam pico de velocidade cedo e cauda longa (influência de saída 85 a 92); quase nada quica.\n- Os toques do Dock vêm na ordem em que a mão passa, com o card voltando ao lugar 0,32 s depois.\n- A grade, que é um plano parado, ganha uma aproximação lenta até apagar.\n"
    },
    {
      "titulo": "O roteiro",
      "texto": "**Resumo:** o vídeo não tem narração; o roteiro é a sequência de formas e o texto curto que aparece em cada uma, com os tempos do `cenas.jsx`. Com outro produto, mantenha a regra: a pergunta no escuro, a resposta no claro e cada peça nascendo da anterior.\n\n## De onde veio a estrutura\n\nO edit estudado conta, em 11,5 s, \"precisa de inspiração? → Pinterest → busca → escolhe → salva no quadro\" e fecha com a marca de quem fez. Este projeto mantém as cenas, os tempos e a grade da música e troca o texto por português e a marca final por um \"play\" genérico.\n\n## Cenas e texto na tela\n\n | \n\n | Tempo (s)\n | Tela\n | Texto na tela\n\n | 0,00–1,00\n | preto com brilho vermelho; a frase sai do desfoque e anda para a esquerda\n | \"Sem inspiração?\"\n\n | 1,00–1,53\n | as palavras saem uma depois da outra; o \"?\" se solta, sobe e gira\n | \"?\"\n\n | 1,53–1,73\n | clarão: o fundo vira branco\n | —\n\n | 1,54–2,47\n | o \"?\" já é o logo do Pinterest com espessura; anel rosado; o logo encolhe num ponto\n | —\n\n | 2,47–3,20\n | o ponto estica na barra de busca, que clareia e se digita\n | \"Buscar no Pinterest\"\n\n | 3,20–4,47\n | a mão de luva arrasta um moodboard até a barra; a câmera aproxima e volta\n | —\n\n | 4,47–5,87\n | a pilha de seis cards abre em leque; a mão passa por cima e cada card sobe\n | \"Rascunho\", \"Fazendo\", \"Revisão\", \"Pronto\" (card de lista)\n\n | 5,87–7,10\n | os cards da esquerda ficam cinza; brilho rosa; clique em salvar\n | —\n\n | 7,10–8,77\n | o card escuro sai da pilha, endireita, recebe o reflexo azul e encolhe\n | \"Pendente\", \"Em andamento\", \"Enviado\", \"Clube\", \"Sucesso\", \"Falhou\", \"Expirado\"\n\n | 8,77–9,87\n | corte seco para a grade escura das pastas; aproxima e apaga\n | \"Pins\", \"Pastas\", \"Colagens\"\n\n | 9,93–11,00\n | a marca final sai do desfoque e pulsa nas batidas\n | —\n\n## Momentos para o som\n\n- A música entra no começo e o primeiro tempo forte (1,67 s) cai no clarão.\n\n- Na grade de 0,418 s da música caem a barra (2,47 s), a pilha (4,6 s), o clique (6,95 s), o corte para a grade (8,77 s) e a marca (9,93 s).\n\n- Um efeito por ação: texto entrando e saindo, subida do \"?\", clarão, anel, morph da barra, digitação, arrasto e pouso do moodboard, um toque para cada card do Dock, clique e selo, reflexo, tranco do corte e cinco pulsos da marca.\n\n- A música fica 11 dB abaixo do nível do arquivo para os efeitos aparecerem; fade de 0,6 s no fim."
    },
    {
      "titulo": "A identidade visual",
      "texto": "**Resumo:** abertura preta com brilho vermelho, miolo branco e fecho na grade escura das pastas. Vermelho do Pinterest só no \"?\" e no logo, SF Pro em tudo, desfoque como entrada e saída e uma única mola de 3% na barra de busca. Números tirados do `cenas.jsx`.\n\n## Palco\n\n | \n\n | Peça\n | Como é\n\n | Tela\n | 1080×1080, 30 qps (o original tem 720×720; todas as medidas foram multiplicadas por 1,5)\n\n | Desfoque de movimento\n | obturador de 360°, fase −180°, 16 amostras, em todas as comps\n\n | Montagem\n | comp `RECRIACAO` com a frase, o clarão, o logo 3D (com câmera), o `PALCO` branco, a `GRADE` e a marca final\n\n | Câmera do miolo\n | a âncora e a escala do `PALCO` fazem o papel de câmera: o ponto focado vai para a âncora e o zoom é a escala\n\n## Cores\n\n | \n\n | Peça\n | Valor\n\n | Fundo da abertura\n | `#000000` com um círculo `#4A0000` de 1.300 px, desfoque 320, opacidade 85%, no canto de baixo à direita\n\n | \"?\"\n | `#D80007`\n\n | Barra de busca ao nascer\n | `#C30B20`, clareando até branco em 0,11 s, com traço `#E8505F` que esfria para `#CFCFD4`\n\n | Faixa de \"soltar aqui\"\n | `#F7C9D6`, desfoque 30, recortada pela barra\n\n | Brilho sob a pilha\n | `#F3A5D8`, 520 px, desfoque 120, até 38%\n\n | Selo de salvo\n | `#2F97E1`\n\n | Reflexo do card em destaque\n | degradê radial `#2F95FF` para preto, em modo Add\n\n | Grade escura\n | fundo preto, tiles `#151517` de 330 px com raio 44, card com contorno branco de 3 px\n\n | Chips de status\n | laranja `#F5A524`, azul `#3B82F6`, roxo `#A855F7`, verde `#22C55E`, vermelho `#EF4444`, cinza `#9CA3AF` e o chip da marca em `#E8C547`\n\n## Fontes\n\n | \n\n | Fonte\n | Onde\n\n | SF Pro Display Semibold\n | a frase de abertura, 97 px, tracking −20\n\n | SF Pro Text Regular\n | \"Buscar no Pinterest\", 38 px\n\n | SF Pro Text Medium\n | abas da grade (26 px), lista e chips dos cards\n\n | SF Pro Display Bold\n | número grande do card de relógio\n\n## Cena a cena\n\n | \n\n | Cena\n | Números\n\n | Pergunta (0–1,53 s)\n | cada palavra sai do desfoque 25 em 12 q; o grupo anda de x 570 a 480, linear, de 0,10 a 1,00 s; saída em 8 q com desfoque 30 e 60 px para a esquerda, a 2ª palavra 2 q depois; o \"?\" entra 7 q depois, se solta em 1,00 s, sobe girando em Y até 45° e cresce para 260%\n\n | Clarão (1,53–1,73 s)\n | sólido branco de 0 a 100% em 6 quadros lineares\n\n | Logo (1,54–2,48 s)\n | 240 px na tela; gira em Y de −45° a 0° até 1,85 s; anel `#F5C6CF` de 324 px e traço 6, de 90 a 110%, entre 1,87 e 2,07 s; encolhe para 60% com desfoque 22 até 2,47 s\n\n | Barra (2,47–2,90 s)\n | retângulo de 144×117 estica para 753×117 em 0,26 s (influência 92) e volta para 730 em 0,14 s; desfoque de 20 para 0; texto digitado de 2,63 a 2,95 s; lupa e câmera aparecem em 0,14 s\n\n | Moodboard (3,20–4,47 s)\n | entra de x 1.320 girando 14°, assenta em 0,4 s a 4° e balança com curva contínua; o palco aproxima de 100 para 138, 160 e 166% e volta a 100% em 0,17 s com um desfoque de 8 no meio; o print vira miniatura de 7,5% dentro da barra\n\n | Pilha (4,47–7,10 s)\n | placeholder cinza de 60 para 112%; seis cards em leque 3D com passo de 58 px em X e 55 px em Z, rotação Y de 18°, escala 112%, 2 q entre eles; Dock em 4,97, 5,17, 5,37 e 5,57 s: o card sobe 15 px, avança 40 px em Z e cresce para 121% em 6 q; cards da esquerda tingidos de cinza a partir de 5,87 s; clique em 6,95 s com o selo de 0 a 115 a 100%\n\n | Destaque (7,10–8,77 s)\n | o card escuro endireita de −8° e 15° em X, cresce de 118 para 168% até 7,63 s (influência 90); o resto desfoca a 40 e some em 0,2 s; reflexo cruza de 7,58 a 7,92 s; encolhe de 172 para 146% entre 8,00 e 8,73 s, acelerando\n\n | Grade (8,77–9,87 s)\n | corte seco; aproxima de 100 para 106% e desce 20 px, linear, até 9,50 s; apaga no preto até 9,87 s\n\n | Marca (9,93–10,97 s)\n | aro de 170 px e traço 16 com o \"play\", escala 180%; sai do desfoque 60 em 0,3 s; Glow com raio 60 e intensidade 1,5; pulsos em 10,40, 10,50, 10,60, 10,77 e 10,93 s, cada um com desfoque 25 e tremida de até 14 px por dois quadros\n\n## O que é \"humano\" neste vídeo\n\n- A frase anda o tempo todo em que está na tela, e o moodboard balança na mão enquanto espera.\n\n- As entradas usam pico de velocidade cedo e cauda longa (influência de saída 85 a 92); quase nada quica.\n\n- Os toques do Dock vêm na ordem em que a mão passa, com o card voltando ao lugar 0,32 s depois.\n\n- A grade, que é um plano parado, ganha uma aproximação lenta até apagar."
    },
    {
      "titulo": "A montagem no After Effects",
      "texto": "| \n\n | Arquivo\n | O que faz\n\n | `ae/cenas.jsx`\n | cria um projeto novo e monta tudo. No topo ficam o bloco `TEXTOS` (frase, busca, abas, lista e chips dos cards) e a `MARCA` final. A ajudante `K` grava chaves com influência de entrada e saída (−1 = linear, `'a'` = curva contínua), `digita` escreve o texto letra a letra e `ev` anota cada evento de som. Os cards são precomps de 300×330 feitas por `cardComp`; a pilha tem câmera própria; o palco branco faz o papel de câmera pela âncora e pela escala. No fim, grava `audio/eventos.json` e salva `ae/pinterest-saas.aep`\n\n | `ae/pinterest-saas.aep`\n | o resultado do script, pronto para abrir e renderizar\n\n | `assets/fazer_assets.py`\n | desenha o logo sobre o disco branco, a camada de espessura, as mãos de luva e o moodboard em grade 3×2\n\n | `audio/trilha.py`\n | põe a música 11 dB abaixo, toca um efeito por evento pelo mapa padrão (com tecla nos pulsos da marca e pop nos toques da pilha), marca o drop em 1,67 s e mixa para −14 LUFS\n\n | `audio/mesa/`\n | o motor de mix (efeito com o pico no instante, tonais no tom, master −14 LUFS) e o mapa de sons por tipo de evento\n\n- **Fontes:** instale SF Pro Display e SF Pro Text em `C:\\Program Files\\Common Files\\Adobe\\Fonts` e reinicie o After Effects.\n\n- **Juntar as pastas:** copie `audio/` para dentro de `projeto/`. O script grava os eventos em `projeto/audio/eventos.json`.\n\n- **Abrir:** `projeto/ae/pinterest-saas.aep`. Se o AE pedir arquivos, aponte para `projeto/assets/`.\n\n- **Adaptar:** troque o `TEXTOS`, a `MARCA` e as imagens de `assets/` e rode File › Scripts › Run Script File › `cenas.jsx`. Ele cria um projeto novo e sobrescreve o `.aep` em cerca de 3 s.\n\n- **Som:** no topo do `trilha.py`, aponte o `sys.path.insert` para a pasta `audio/mesa`, gere o `musica.wav` com o comando do ffmpeg do próprio arquivo e rode `python audio/trilha.py`. Precisa de numpy, scipy, soundfile, librosa e pyloudnorm; no topo do `mesa.py`, aponte as pastas de efeitos para a sua biblioteca.\n\n- **Render:** fila do AE em H.264 e o `mix.wav` colado com o ffmpeg: `ffmpeg -i video.mp4 -i audio/mix.wav -map 0:v -map 1:a -c:v copy -c:a aac -b:a 320k -shortest final.mp4`.\n\n**Pegadinhas:** o Gaussian Blur das camadas vem com \"Repeat Edge Pixels\" desligado; ligado, um PNG desfocado vira uma caixa. Opacidade de um null não chega aos filhos, por isso cada camada da frase tem a sua. A espessura do logo são oito cópias escuras atrás, de 6 em 6 px no eixo Z, filhas do logo: só aparecem porque o logo gira em 3D. O `aerender` não aceita caminho com acento: renderize de uma pasta sem acento."
    },
    {
      "titulo": "As decisões de direção",
      "texto": "- **Uma forma vira a próxima.** \"?\", logo, ponto, barra e card são a mesma ideia mudando de forma; o único corte seco é o da grade, em 8,77 s.\n\n- **O clarão no grave.** O preto vira branco em seis quadros lineares no tempo forte de 1,67 s: a pergunta fica no escuro e a resposta no claro.\n\n- **Texto que nunca para.** A frase sai do desfoque em 12 quadros, anda 90 px enquanto é lida e sai palavra por palavra, com 2 quadros de defasagem.\n\n- **Rebote de 3%, uma vez só.** A barra estica de 144 para 753 px e volta para 730; o resto do vídeo assenta sem quicar.\n\n- **A mão conta o gesto.** A luva arrasta o moodboard, percorre a pilha e clica em salvar, e a câmera aproxima 66% enquanto ela trabalha.\n\n- **A pilha responde ao cursor.** O card sob a mão sobe 40 px e cresce, como o Dock do Mac; os da esquerda ficam cinza quando a mão chega ao escolhido.\n\n- **Fecho no ritmo.** A marca sai do desfoque com brilho e pulsa em cinco batidas com desfoque e tremida de dois quadros.\n\nDetalhes de cores, tempos e números: estilo.md. Cenas por tempo e texto na tela: roteiro.md. Para fazer o seu com outro produto: PROMPT.md."
    },
    {
      "titulo": "As versões até o final",
      "texto": "| \n\n | Versão\n | O que mudou\n\n | **v1**\n | recriação cena a cena, ajustada lado a lado com o original, com texto em português e a nossa marca no fecho"
    }
  ],
  "prompt": "# Prompt: anúncio SaaS em que uma forma vira a próxima\n\n> Data: 2026-10-17 · Tipo: guia · Status: vigente · Projeto: pinterest-inspiracao\n\n**Resumo:** o prompt para colar no seu agente (Claude Code ou Codex), aberto na pasta da sua central, para ele estudar este projeto e montar, com o seu produto, um anúncio curto no mesmo método: pergunta no escuro, clarão no grave e cada peça da interface nascendo da anterior até o fecho. Troque os marcadores `{{…}}` ou apague a linha, e o agente pergunta.\n\n## Como usar\n\n1. Descompacte o pacote em `07-videos/projetos/pinterest-inspiracao/` dentro da sua central e copie `audio/` para dentro de `projeto/`.\n2. Instale SF Pro Display e SF Pro Text (ou a fonte do seu produto) e separe a música (veja `referencias/fora-do-pacote.md`).\n3. Abra o agente na pasta da central, copie o bloco abaixo, troque os marcadores que já souber e cole.\n\n## O prompt\n\n```text\nQuero um anúncio quadrado no mesmo método do projeto \"Pinterest em SaaS\", que está em 07-videos/projetos/pinterest-inspiracao/: uma forma vira a próxima, sem corte, do problema até o produto.\n\nProduto ou marca: {{PRODUTO}}\nSite oficial (para tirar logo, cores, fonte e telas reais): {{SITE}}\nPergunta de abertura, curta, com o problema que o produto resolve: {{PERGUNTA}}\nCadeia de formas, do símbolo da pergunta até o resultado (ex.: \"?\" → logo → ponto → barra de busca → card salvo): {{CADEIA}}\nTextos que aparecem nas telas (busca, abas, botões, status): {{TEXTOS}}\nMarca ou perfil no fecho: {{MARCA}}\nMúsica (com um tempo forte claro nos primeiros 2 s): {{MUSICA}}\nDuração: {{DURACAO}} (a referência tem 11,5 s) · Formato: {{FORMATO}} (a referência é 1080×1080)\n(Se algum desses estiver vazio ou com as chaves, me pergunte antes de começar.)\n\n1. Estude o projeto antes de propor qualquer coisa. Leia LEIA-ME.md, estilo.md e roteiro.md. Abra projeto/ae/cenas.jsx e veja o bloco TEXTOS, a ajudante K (influências, -1 linear e 'a' contínua), digita, cardComp, a precomp PILHA com câmera própria, o PALCO que faz o papel de câmera pela âncora e pela escala, e a lista de eventos gravada em audio/eventos.json. Me diga em poucas linhas o que vai reaproveitar.\n\n2. Meça a música: BPM, grade das batidas e os graves. O clarão do escuro para o claro cai no primeiro tempo forte; cada troca de forma cai numa batida da grade.\n\n3. Tire a identidade do produto, não da imaginação: logo oficial (SVG), cores do site, fonte e as telas reais que vão virar cards. Anote de onde veio cada asset.\n\n4. Escreva a cadeia cena a cena, com o tempo de cada troca e o texto exato da tela, no molde do roteiro.md. Para cada troca, diga de que forma para que forma ela vai (o ponto estica e vira a barra; o card sai da pilha e vira o destaque). Só um corte seco no vídeo inteiro. Me mostre e espere meu ok.\n\n5. Construa copiando o projeto, sem editar o original: troque TEXTOS, MARCA e as imagens, ajuste os tempos e escreva as cenas novas com as mesmas ajudantes. Regras: entrada e saída pelo desfoque, texto que anda enquanto é lido, uma mola de no máximo 3% no vídeo inteiro, nada parado por mais de meio segundo. Rode o cenas.jsx e me mostre uma folha de contato com 12 quadros, incluindo o meio das transformações.\n\n6. Revise antes do render: troca fora da batida, forma que some em vez de virar a próxima, borda de PNG desfocado aparecendo como caixa, texto cortado e cena parada.\n\n7. Som: rode audio/trilha.py na Mesa com os eventos da comp, um efeito por ação e a música abaixo dos efeitos, master em −14 LUFS. Renderize em H.264, cole o mix com o ffmpeg e entregue o MP4 com uma anotação do que mudou em relação ao projeto.\n```\n\n## Checklist antes de entregar (da referência)\n\n- [ ] Cada forma nasce da anterior; só existe um corte seco.\n- [ ] O clarão do escuro para o claro cai num tempo forte da música.\n- [ ] O texto entra e sai pelo desfoque e anda enquanto está na tela.\n- [ ] No máximo uma mola de 3%; o resto assenta sem quicar.\n- [ ] Logo, cores e telas são do produto, com a origem anotada.\n- [ ] Um efeito sonoro para cada ação, e o fecho pulsa nas batidas.\n",
  "campos": [
    "CADEIA",
    "DURACAO",
    "FORMATO",
    "MARCA",
    "MUSICA",
    "PERGUNTA",
    "PRODUTO",
    "SITE",
    "TEXTOS"
  ],
  "fonte": {
    "nome": "Clube do Motion",
    "url": "https://clubedomotion.com/projeto/?id=pinterest-inspiracao",
    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
  },
  "ferramentas": [
    "Claude Code",
    "After Effects"
  ],
  "scripts_ae": {
    "pasta": "lib/estudio/dados/projetos-ae/pinterest-inspiracao",
    "arquivos": [
      "ae/cenas.jsx",
      "assets/fazer_assets.py"
    ],
    "como_usar": "modelo: leia os .jsx (montam as comps no After Effects) e os .py (preparam assets/áudio) e adapte para o estudio_ae; não copie o conteúdo do vídeo, troque pelo assunto da pessoa."
  }
}