primocode 10.13.0 → 10.14.0

package/lib/estudio/dados/projetos/clube-pinterest-inspiracao.json

@@ -0,0 +1,86 @@
+{
+  "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."
+  }
+}

package/lib/estudio/dados/projetos/clube-pixel-e-tinta.json

@@ -0,0 +1,108 @@
+{
+  "id": "clube-pixel-e-tinta",
+  "titulo": "Palavra vira objeto",
+  "categoria": "elementos",
+  "resumo": "vídeo de 20,4 s em 4:3, sem narração, em que cada palavra do texto vira um objeto na tela: ícones em pixel art, uma silhueta e uma mão em cor de câmera térmica, traços de caneta e pinceladas de tinta. O papel claro alterna com o fundo preto, a trilha abafa e abre junto, e o fim é uma palavra de quatro letras escrita com ícones no lugar das letras. A comp inteira do After Effects sai de um script (`cenas.jsx`, 176 camadas em cerca de 3 s) e o som, de um script Python na Mesa. A gramática da edição foi estudada no reel \"Visual Test 01 - Change\", de Jordan Watkins. Feito pelo Clube do Motion.",
+  "indicado": "manifesto de marca, abertura de canal ou curso, frase de impacto de um criador, lançamento de produto contado em poucas palavras; qualquer texto curto que fique melhor mostrado do que narrado.",
+  "estilo": [
+    "tipografia digitada",
+    "pixel art",
+    "figuras térmicas",
+    "tinta e caneta à mão",
+    "papel e preto alternados",
+    "sincronizado na batida",
+    "sound design por elemento"
+  ],
+  "ficha": {
+    "formato": "1440×1080, 24 qps, 4:3",
+    "duracao": "20,375 s (489 quadros), sem narração",
+    "motor": "ae",
+    "voz": "ver o guia de estilo",
+    "musica": "ver o guia de estilo",
+    "fontes": "ver o guia de estilo"
+  },
+  "ferramentas": [
+    "Claude Code",
+    "After Effects",
+    "Codex"
+  ],
+  "ficha_tecnica": {
+    "Duração": "20,375 s (489 quadros), sem narração",
+    "Formato": "1440×1080, 24 qps, 4:3",
+    "Ferramenta": "After Effects: um script ExtendScript (`cenas.jsx`) monta a comp `RECRIACAO` do zero; o projeto `.aep` já vem montado",
+    "Assets": "12 ícones em pixel art, silhueta de perfil e mão térmicas, todos gerados para o projeto (GPT Image 2) e recortados com fundo transparente; fonte Poppins",
+    "Trilha": "jazz-hop de piano de 112 BPM (Acid Jazz Groove, da Pixabay), com passa-baixa nos trechos escuros e um tempo forte da faixa no drop de 6,5 s",
+    "Som": "70 efeitos, um para cada ação na tela, mais pad tonal, riser e golpes; −14,0 LUFS e pico de −1,3 dBTP",
+    "Referência": "reel \"Visual Test 01 - Change\", de Jordan Watkins (@jordans.archivess), estudado quadro a quadro",
+    "Arquivo final": "MP4 H.264 com áudio AAC, 118 MB"
+  },
+  "etapas": [
+    {
+      "titulo": "O roteiro",
+      "texto": "**Resumo:** o vídeo não tem narração; o roteiro é o texto da tela, batida por batida, com o segundo em que cada palavra aparece. Os tempos são os do bloco `T` do `cenas.jsx` e do vídeo final. O texto é um exemplo: troque as palavras e mantenha a quantidade parecida em cada batida.\n\n## De onde veio a estrutura\n\nO reel estudado tem cinco batidas: uma pergunta, uma resposta de duas palavras que a contradiz, uma tese curta, três provas de uma palavra só e um fecho que termina numa palavra de quatro letras. Cada batida tem um mundo visual (papel claro ou fundo preto), e a trilha muda junto. Este projeto mantém essa estrutura com outro texto, outros objetos e outra música.\n\n## As cinco batidas\n\n | \n\n | Batida\n | Papel\n | Texto na tela (exemplo)\n | Tempos das palavras (s)\n\n | 1. Pergunta\n | provoca\n | \"Como você mostra que está construindo algo seu?\"\n | 0,00 · 0,25 · 0,45 · 0,85 · 1,05 · 1,35 · 1,80 · 2,05\n\n | 2. Virada\n | nega, seco\n | \"Não fala.\"\n | 3,40 · 3,64 (na tela a partir de 3,86)\n\n | 3. Tese\n | diz o que fazer\n | \"Faz e deixa ver:\"\n | 4,95 · 5,38 · 5,70 · 6,10\n\n | 4. Três provas\n | uma palavra + um ícone cada\n | \"loja.\" (sacola) · \"vídeo.\" (câmera) · \"sistema.\" (notebook)\n | 8,22 · 9,36 · 10,78, letra a letra (22 letras/s)\n\n | 5. Fecho\n | resolve\n | \"Tudo com a\" · \"mesma vontade de\" → **CRIA**\n | 13,23 · 13,66 · 14,10 · 14,42 · 14,90 · 15,30; soletrar de 15,97 a 17,12\n\n## Cenas por tempo\n\n | \n\n | #\n | Tempo (s)\n | Fundo\n | O que acontece\n\n | B1a\n | 0,00–0,29\n | amarelo\n | a primeira palavra da pergunta, enorme e em minúsculas, entre duas linhas tracejadas\n\n | B1b\n | 0,25–2,00\n | papel\n | uma barra preta varre o corte; a frase começa 11× maior e desfocada e recua até o tamanho de leitura em 0,75 s; uma moldura tracejada pisca em volta; três assinaturas a caneta nascem e somem; pinceladas cinza desfocadas derivam no fundo\n\n | B1b\n | 2,00–3,60\n | papel\n | cinco ícones entram voando de fora do quadro com rastros e ficam boiando; uma estrela de luz azul de 4 pontas cresce na borda esquerda e as bordas escurecem\n\n | trans.\n | 3,60–3,95\n | —\n | um círculo vermelho desfocado cresce a partir da esquerda e leva ao preto\n\n | B2/B3\n | 3,80–6,50\n | preto\n | a silhueta térmica de perfil sai do desfoque à direita; \"Não fala.\" à esquerda, trocado pela tese palavra por palavra; uma órbita branca é desenhada em volta da cabeça (4,55–5,40); o fundo esquenta e um degradê cinza fecha a cena\n\n | B3b\n | 6,50–8,20\n | papel\n | **drop**: doze ícones nascem em anel, um a um, e giram; duas pinceladas de tinta cruzam a tela (7,0 e 7,2 s); um estouro amarelo de oito raios em 7,55 s\n\n | B4\n | 8,20–9,20\n | preto\n | faísca vermelha de 4 pontas, a sacola girando em 3D e \"loja.\" letra a letra com cursor\n\n | B4\n | 9,20–9,97\n | papel\n | fileira de ícones correndo para a esquerda, com rastros vermelhos\n\n | B4\n | 9,97–10,48\n | preto\n | uma fita vermelha corta a diagonal; a câmera e \"vídeo.\"\n\n | B4\n | 10,48–10,97\n | papel\n | fileira de ícones correndo\n\n | B4\n | 10,97–11,97\n | preto\n | o notebook e \"sistema.\"; rabiscos brancos e vermelhos e seis pixels vermelhos que estalam\n\n | B4b\n | 11,95–13,70\n | papel\n | o anel volta, se desmancha a partir de 12,4 s e um em cada três ícones vira mancha de tinta; duas pinceladas em espiral\n\n | B5\n | 13,70–15,97\n | preto\n | a mão térmica sobe com desfoque de movimento; \"Tudo com a\" à esquerda e \"mesma vontade de\" à direita; partículas brancas sobem dos dedos; o quadro acinzenta no fim\n\n | B6\n | 15,97–17,12\n | claro › preto › vermelho › preto › preto\n | a cada 0,25 s troca o fundo e um ícone ocupa o lugar de uma letra (coração, câmera, sacola, vinil), até \"C R I A\" completo\n\n | B7\n | 17,12–20,38\n | papel\n | três pinceladas em espiral; as letras saem do centro girando e assentam nos quatro cantos até 18,5 s, com pontos de tinta em volta; laços vermelhos de caneta cercam cada letra (19,20–19,80); rabisco de tinta e laços finais (20,08–20,38)\n\n## Momentos para a trilha\n\n- 0,0–3,8 s: só o pad; tecla por palavra digitada, caneta nas assinaturas, whoosh nos ícones que voam e brilho na estrela.\n\n- 3,62 s: estouro no círculo vermelho; golpe em 3,86 s no corte para o preto.\n\n- 3,8–6,5 s: música abafada; caneta na órbita.\n\n- **6,5 s: drop**, com o filtro abrindo, riser chegando e golpe tonal; pops no nascimento do anel.\n\n- 8,2 · 9,97 · 10,97 s: chicote em cada corte para o preto e teclas nas letras das palavras-chave.\n\n- 13,7–15,97 s: música abafada de novo.\n\n- 15,97 s: golpe e filtro aberto; carimbo em cada passo do soletrar e obturador na câmera.\n\n- 17,4 s: a música corta num golpe tonal; fica a cauda abafada com o pad.\n\n- 18,55–18,78 s: as letras pousam; 19,22–19,46 s: um laço por letra; 20,10 s: rabisco final."
+    },
+    {
+      "titulo": "A identidade visual",
+      "texto": "**Resumo:** papel quase branco com grão e vinheta, preto profundo, vermelho de destaque e marrom de caneta. Ícones em pixel art com contorno escuro, figuras em cor de câmera térmica, Poppins em três pesos, traços desenhados por Trim Paths e uma trilha que abafa e abre junto com a troca de fundo. Números tirados do `cenas.jsx` e do `trilha.py`.\n\n## Palco e fundos\n\n | \n\n | Peça\n | Como é\n\n | Tela\n | 1440×1080, 24 qps, desfoque de movimento ligado com obturador de 200°\n\n | Papel\n | sólido `#E9E8E5` com ruído de 5% e vinheta multiplicada a 55% (elipse de 125% × 135% do quadro, borda suave de 420 px)\n\n | Preto\n | sólido `#0E0E0F` com ruído de 7%\n\n | Grão\n | vídeo de grão de película por cima de tudo, modo Tela, 22%, em loop (opcional)\n\n## Cores\n\n | \n\n | Nome no script\n | Valor\n | Papel\n\n | `PAPER`\n | `#E9E8E5`\n | fundo claro\n\n | `BLACK`\n | `#0E0E0F`\n | fundo escuro\n\n | `INK`\n | `#1C1714`\n | pinceladas, manchas, rabisco final\n\n | `BROWN`\n | `#3D260F`\n | primeira palavra, assinaturas, letras finais\n\n | `RED`\n | `#ED2919`\n | faíscas, fita, rastros, pixels, laços, fundo de um passo do soletrar\n\n | `YELLOW`\n | `#F2B814`\n | cartão de abertura\n\n | azul da estrela\n | `#148CFF` com brilho e desfoque de 34 px\n | estrela de luz na borda\n\n | texto no preto\n | `#F5F2ED`\n | falas e palavras-chave\n\n## Fontes\n\n | \n\n | Fonte\n | Onde\n\n | Poppins Bold\n | primeira palavra (330 px) e palavras-chave (62 px)\n\n | Poppins SemiBold\n | falas no preto (34–36 px) e letras da palavra final (54–64 px)\n\n | Poppins Medium\n | a pergunta no papel (34 px)\n\nTracking de −10 em todos os textos.\n\n## Assets\n\n- **Ícones:** 12 objetos em pixel art com contorno escuro e leve volume (notebook, celular, tênis, câmera, moeda, coração, balão de chat, foguete, sacola, controle, planta, vinil), gerados numa folha 4 × 3 sobre branco e recortados com fundo transparente. No anel, escala 34%; nas palavras-chave, 85–100%.\n\n- **Figuras térmicas:** silhueta de perfil e mão, em degradê amarelo › laranja › vermelho sobre preto, em modo Tela. Ganham tremor de calor (Turbulent Displace com quantidade 7 e 6, tamanho 90 e 80, evolução `time*60`) e deriva lenta.\n\n## Técnicas\n\n | \n\n | Técnica\n | Números\n\n | Palavra por palavra\n | expressão no Source Text: a lista de palavras e de tempos do `T` monta a frase até o instante atual\n\n | Letra a letra com cursor\n | `typeLetters`: 22 letras por segundo e o traço `|` piscando 4 vezes por segundo\n\n | Recuo de câmera na frase\n | escala 1.100% › 100% em 0,27–0,75 s, posição vinda de fora do quadro, desfoque 30 › 0\n\n | Traço desenhado\n | caminho com tangentes suaves; Trim Paths End 0 › 100 para nascer e Start 0 › 100 para sumir; afinamento de 20–80% nas pontas; na tinta, deslocamento turbulento de 8–14\n\n | Estrela de 4 pontas\n | raio interno de 12% do externo, arredondamento interno de 60%, giro contínuo (6°/s na azul, 25°/s na vermelha)\n\n | Anel de ícones\n | elipse de 340 × 270 px girando 38°/s; nascem com escala 0 › 38 › 34% espaçados por 0,012 s; na dispersão, saem com aceleração ao quadrado e giro aleatório\n\n | Ícone em 3D\n | camada 3D girando de −55° a 25° no eixo Y durante a cena\n\n | Esteira\n | ícones atravessam 1.500 px em 0,5–0,77 s, alternando 30 px de altura\n\n | Soletrar\n | 5 passos de 0,25 s; cada passo troca o fundo, mostra as letras já ditas e um ícone no lugar da próxima, com escala 30 › 44 › 42%\n\n | Letras finais\n | saem do centro girando até ±80° e assentam nos cantos em 1,1 s com curva de 85–88% de influência; depois derivam ±8 px\n\nAs chaves usam influência de 60–88% (curva suave na saída e na chegada); nada entra linear.\n\n## O que é \"humano\" neste vídeo\n\n- Os ícones boiam (±14 px) enquanto a pergunta termina.\n\n- A silhueta e a mão tremem como calor e derivam alguns pixels.\n\n- As pinceladas cinza do fundo andam devagar durante a abertura.\n\n- O anel nunca para de girar e as letras finais continuam derivando depois de assentar.\n\n## Trilha\n\n | \n\n | Item\n | Valor\n\n | Música\n | \"Acid Jazz Groove\" (Pixabay), 112 BPM, uma batida a cada 0,535 s\n\n | Encaixe\n | o tempo forte de 26,12 s da faixa cai no drop de 6,5 s do vídeo\n\n | Abafado\n | passa-baixa Butterworth de 4ª ordem em 420 Hz, de 3,80 a 6,50 s e de 13,70 a 15,97 s, com transições de 30 ms\n\n | Corte\n | em 17,40 s; o trecho abafado continua mais 1,6 s, caindo com constante de 0,6 s\n\n | Pad\n | textura tonal \"ethereal\" em Fá, de 0,0 a 4,2 s (−27 LUFS) e de 17,3 s até o fim (−23 LUFS)\n\n## Sound design e mix\n\n | \n\n | Momento ou evento\n | Som\n\n | Palavras digitadas\n | uma tecla por palavra\n\n | Palavras-chave\n | quatro teclas curtas por letra, no ritmo da digitação\n\n | Assinaturas, órbita, rabiscos, laços\n | caneta, com volume 1,5–1,6× o padrão para ficar audível sob a música\n\n | Ícones que voam, esteiras, dispersão\n | whoosh curto ou longo\n\n | Ícones que nascem\n | pop\n\n | Cortes para o preto\n | chicote; golpe grave em 3,86 s\n\n | Drop (6,5 s) e soletrar (15,97 s)\n | golpe tonal \"warm-signal\" e riser \"arrival\" chegando em 6,48 s\n\n | Soletrar\n | carimbo em cada passo e obturador na câmera\n\n | Corte da música (17,4 s)\n | golpe tonal com cauda\n\n- Cada efeito entra com o pico no instante do evento.\n\n- **Balanço:** com o barramento no padrão, os efeitos ficavam em −29,5 LUFS e sumiam; com +8 dB, ficam em −22,8 LUFS, perto do original, em que cada ação se ouve.\n\n- **Medido no resultado:** música −13,7, efeitos −22,8 e tonais −24,6 LUFS; final −14,0 LUFS e pico de −1,3 dBTP."
+    },
+    {
+      "titulo": "A montagem no After Effects",
+      "texto": "| \n\n | Arquivo\n | O que faz\n\n | `ae/cenas.jsx`\n | apaga e recria a comp `RECRIACAO`. No topo ficam as cores, as fontes e o bloco `T`, com cada palavra e o segundo em que ela aparece. As ferramentas `paper`, `black`, `typed`, `typeLetters`, `stroke`, `star4`, `iconL` e `ring` montam as batidas B1a a B7, cada uma num bloco comentado. Os caminhos saem da pasta do próprio script\n\n | `audio/trilha.py`\n | lê a música a partir de `FORTE − DROP`, aplica passa-baixa nos trechos escuros, põe o pad na abertura e na cauda, toca um efeito por evento (lista de tipo e segundo) e mixa para −14 LUFS\n\n | `audio/mesa/`\n | o motor de mix (efeito com o pico no instante, tonais no tom, música por trechos, master −14 LUFS) e o mapa padrão de sons por tipo de evento\n\n- **Fonte:** instale Poppins Medium, SemiBold e Bold em `C:\\Program Files\\Common Files\\Adobe\\Fonts` e reinicie o After Effects.\n\n- **Abrir:** abra `projeto/ae/recriacao.aep`. Se o AE pedir os arquivos, aponte para `projeto/assets/`.\n\n- **Remontar ou adaptar:** troque o texto, os ícones ou as cores no topo do `cenas.jsx` e rode File › Scripts › Run Script File › `cenas.jsx`. A comp sai de novo em cerca de 3 s.\n\n- **Grão (opcional):** ponha um vídeo de grão de película em `projeto/assets/textura/grao.mp4` antes de rodar o script.\n\n- **Som:** copie `audio/` para dentro de `projeto/`, baixe a música, ajuste `MUS` e `FORTE` no `trilha.py` e rode `python audio/trilha.py`. Precisa de Python com numpy, scipy, soundfile, librosa e pyloudnorm; no topo do `mesa/mesa.py`, aponte as pastas de efeitos para a sua biblioteca.\n\n- **Render:** fila de render do AE com H.264 (ou ProRes) e o `mix.wav` colado no 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:** camada de forma com caminho em coordenadas da comp precisa da posição em `[0, 0]`, senão tudo desloca meia tela (o `stroke` já faz isso). No Turbulent Displace, a propriedade 1 é o tipo (menu); quantidade, tamanho e evolução são 2, 3 e 6. O `aerender` não aceita caminho com acento ou \"ç\": renderize de uma pasta sem acento. A textura de grão precisa cobrir a altura do quadro; em 40% aparecia a borda nos fundos pretos (o script usa 52% para um vídeo 3840×2160)."
+    },
+    {
+      "titulo": "As decisões de direção",
+      "texto": "- **Cada palavra vira um objeto.** As três palavras-chave têm um ícone próprio, e a palavra final é escrita com ícones no lugar das letras.\n\n- **Dois mundos que se alternam.** O papel claro carrega a pergunta e o anel de ícones; o preto carrega as figuras térmicas e as palavras-chave. A troca acontece a cada 0,5 s no meio do vídeo e a cada 0,25 s no soletrar.\n\n- **A trilha segue os mundos.** Só pad na pergunta, música abafada no preto, filtro aberto no drop de 6,5 s, abafada de novo na mão e aberta no soletrar; o corte em 17,4 s cai num golpe tonal e deixa a cauda tocar.\n\n- **O texto aparece no ritmo de fala, mesmo sem voz.** Os tempos do bloco `T` vieram de uma leitura real, e as palavras-chave entram letra a letra com cursor.\n\n- **Recuo de câmera na abertura.** A frase começa 11 vezes maior e desfocada e recua até o tamanho de leitura em 0,5 s.\n\n- **Traços desenhados, não colados.** Assinaturas, pinceladas, órbita e laços nascem e somem por Trim Paths, com afinamento nas pontas e deslocamento turbulento na tinta.\n\n- **Nada fica parado.** Os ícones boiam, o anel gira, a silhueta e a mão tremem como calor, as letras soltas derivam e o grão muda a cada quadro.\n\n- **Um som para cada ação:** tecla por palavra, caneta nos traços, whoosh nas entradas, pop nos ícones, obturador na câmera, carimbo em cada passo do soletrar e laços audíveis no fim.\n\nDetalhes de cores, curvas e som: estilo.md. Cenas por tempo e texto na tela: roteiro.md. Para fazer um vídeo no mesmo método com o seu texto: PROMPT.md."
+    },
+    {
+      "titulo": "As versões até o final",
+      "texto": "| \n\n | Versão\n | O que mudou\n\n | v1\n | prévia: camadas de forma deslocadas meia tela, círculo vermelho cobrindo tudo e brilho azul com borda dura; corrigidos antes da revisão\n\n | v2\n | prévia revisada: grão cobrindo o quadro, letras finais sem trancos, tremor de calor nas figuras térmicas, caneta e laços audíveis, golpe com cauda no corte da música\n\n | **v3**\n | final: render completo com o som da v2 e os scripts comentados para o pacote"
+    }
+  ],
+  "pacote": [
+    {
+      "pasta": "projeto/",
+      "conteudo": "`ae/cenas.jsx` (o gerador comentado, batida por batida), `ae/recriacao.aep` (o projeto já montado), `assets/icones/` (12 PNGs com fundo transparente) e `assets/gerados/` (silhueta, mão e a folha original dos ícones)"
+    },
+    {
+      "pasta": "audio/",
+      "conteudo": "`trilha.py` (o som inteiro), `mix.wav`, `relatorio-som.json` e `mesa/`, com o motor de mix `mesa.py` e o `mapa_padrao.py`"
+    },
+    {
+      "pasta": "referencias/",
+      "conteudo": "`estudo-da-referencia.md` (a gramática do reel estudado, cena por cena, e o desenho do som), `links.md` e `fora-do-pacote.md`"
+    },
+    {
+      "pasta": "render.mp4",
+      "conteudo": "o vídeo final (v3)"
+    },
+    {
+      "pasta": "ae/cenas.jsx",
+      "conteudo": "apaga e recria a comp `RECRIACAO`. No topo ficam as cores, as fontes e o bloco `T`, com cada palavra e o segundo em que ela aparece. As ferramentas `paper`, `black`, `typed`, `typeLetters`, `stroke`, `star4`, `iconL` e `ring` montam as batidas B1a a B7, cada uma num bloco comentado. Os caminhos saem da pasta do próprio script"
+    },
+    {
+      "pasta": "audio/trilha.py",
+      "conteudo": "lê a música a partir de `FORTE − DROP`, aplica passa-baixa nos trechos escuros, põe o pad na abertura e na cauda, toca um efeito por evento (lista de tipo e segundo) e mixa para −14 LUFS"
+    },
+    {
+      "pasta": "audio/mesa/",
+      "conteudo": "o motor de mix (efeito com o pico no instante, tonais no tom, música por trechos, master −14 LUFS) e o mapa padrão de sons por tipo de evento"
+    }
+  ],
+  "prompt": "Quero um vídeo curto no mesmo método do projeto \"Pixel e tinta\", que está em 07-videos/projetos/pixel-e-tinta/, com o meu texto.\n\nAssunto ou marca: {{ASSUNTO}}\nTexto em cinco batidas (pergunta · virada de 1 a 2 palavras · tese curta · três palavras-chave · fecho que termina numa palavra de 4 letras): {{TEXTO}}\nObjetos que representam o meu mundo (12 para o anel; 3 deles ligados às palavras-chave; 4 para soletrar a palavra final): {{OBJETOS}}\nEstilo dos objetos (pixel art, 3D, recorte de foto, ícones da minha marca...): {{ESTILO_OBJETOS}}\nFiguras para os fundos escuros (silhueta, mão, produto) e o tratamento (térmico, duotone, recorte): {{FIGURAS}}\nCores (fundo claro, fundo escuro, destaque, tinta): {{CORES}}\nFonte: {{FONTE}}\nMúsica (batida marcada, com um tempo forte para o drop): {{MUSICA}}\nFormato e duração: {{FORMATO}} (a referência é 1440×1080, 20,4 s)\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. Depois abra projeto/ae/cenas.jsx: o bloco T, as ferramentas (paper, black, text, typed, typeLetters, stroke, star4, iconL, ring) e as batidas B1a a B7. Leia também audio/trilha.py. Me diga em poucas linhas o que vai reaproveitar e o que muda com o meu texto.\n\n2. Escreva o texto nas cinco batidas, com o segundo de cada palavra. Leia o texto em voz alta, no ritmo de uma fala calma, para marcar os tempos; a pergunta leva uns 2,5 s, a virada sai seca, cada palavra-chave fica sozinha na tela por cerca de 1 s e a palavra final tem 4 letras. Me mostre e espere meu ok.\n\n3. Faça os objetos antes de animar. Gere uma folha com todos no mesmo estilo e tamanho, sobre fundo liso, recorte cada um com fundo transparente e salve em projeto/assets/icones/ com nomes curtos. Faça as figuras dos fundos escuros sobre preto, para entrarem em modo Tela. Nada de logo ou personagem de terceiros.\n\n4. Meça a música: BPM, um tempo forte para o drop e onde ela soa bem abafada. A batida 3 termina no drop; os cortes do meio caem a cada 0,5 s e o soletrar, a cada 0,25 s.\n\n5. Construa copiando o projeto, sem editar o original: troque o bloco T, as cores, a fonte, a lista RING, os ícones das palavras-chave e os slotIcons. Mantenha a alternância papel/preto, a frase que recua de 11× para o tamanho de leitura, os traços que nascem e somem por Trim Paths (com a posição da camada de forma em [0, 0]), o anel que nunca para, o tremor de calor nas figuras e as letras finais que assentam com curva suave. Rode o cenas.jsx e me mostre uma folha de contato com 16 quadros, incluindo o meio dos movimentos.\n\n6. Som em paralelo, num subagente: no trilha.py, troque MUS e FORTE; só pad na pergunta, música abafada nos fundos pretos, filtro aberto no drop e no soletrar, corte num golpe tonal com cauda. Um efeito para cada ação: tecla por palavra, caneta nos traços, whoosh nas entradas, pop nos ícones, carimbo no soletrar. Se algum tempo mudou no cenas.jsx, mude a lista de eventos. Final a −14 LUFS, pico abaixo de −1 dBTP.\n\n7. Revise antes do render final: folhas de contato por batida, recortes em tamanho real dos textos pequenos e uma IA que assista à prévia com áudio, perguntando onde o movimento para morto, onde um som chega antes ou depois da ação e se o corte da música soa proposital. Confira cada apontamento nos quadros antes de mexer.\n\n8. Render final (24 qps, H.264 ou ProRes), cole o mix.wav, confira quadros, duração e volume e entregue o MP4, o projeto do AE e uma anotação do que mudou em relação ao Pixel e tinta.",
+  "campos": [
+    "ASSUNTO",
+    "CORES",
+    "ESTILO_OBJETOS",
+    "FIGURAS",
+    "FONTE",
+    "FORMATO",
+    "MUSICA",
+    "OBJETOS",
+    "TEXTO"
+  ],
+  "fonte": {
+    "nome": "Clube do Motion",
+    "url": "https://clubedomotion.com/projeto/?id=pixel-e-tinta",
+    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
+  }
+}

package/lib/estudio/dados/projetos/clube-ponte.json

@@ -0,0 +1,118 @@
+{
+  "id": "clube-ponte",
+  "titulo": "A IA leu 60 MCPs",
+  "categoria": "produto",
+  "resumo": "reel de 21,5 s, sem narração, sobre uma ponte própria entre a IA e o After Effects: a IA leu cerca de 60 MCPs e mais de 40 skills de After Effects, juntou o melhor numa ponte só, passou a olhar cada quadro e a corrigir o próprio movimento. Estilo Apple light (interface clara do iOS, SF Pro, SF Symbols), com as cinco cenas encaixadas nos compassos de \"Without You\" (Avicii) e o drop na nota que vira A. Foi o primeiro vídeo montado inteiro por essa ponte: as cenas saem de um script `.jsx`, e a própria IA conferiu os quadros, revisou o movimento, pôs a câmera viva, listou as pistas de som e renderizou.",
+  "indicado": "criador ou empresa de tecnologia que quer mostrar um processo, uma ferramenta ou um resultado técnico em poucos segundos, sem gravar voz.",
+  "estilo": [
+    "Apple light",
+    "UI do iOS",
+    "SF Pro",
+    "SF Symbols",
+    "contador animado",
+    "câmera viva",
+    "cortes no compasso."
+  ],
+  "ficha": {
+    "formato": "1080×1920, 30 qps, 9:16, cor BT.709",
+    "duracao": "21,5 s (645 quadros)",
+    "motor": "ae",
+    "voz": "sem narração; os títulos contam a história",
+    "musica": "ver o guia de estilo",
+    "fontes": "ver o guia de estilo"
+  },
+  "ferramentas": [
+    "Claude Code",
+    "After Effects",
+    "ElevenLabs"
+  ],
+  "ficha_tecnica": {
+    "Duração": "21,5 s (645 quadros)",
+    "Formato": "1080×1920, 30 qps, 9:16, cor BT.709",
+    "Voz": "sem narração; os títulos contam a história",
+    "Ferramenta": "After Effects 2026, com o projeto inteiro gerado por ExtendScript (`.jsx`) e controlado por uma ponte MCP",
+    "Trilha": "\"Without You\" (Avicii, Sandro Cavazza), trecho de 21,49 s, 134 BPM, drop em 16,14 s",
+    "Som final": "−14,0 LUFS, pico −1,4 dBFS"
+  },
+  "etapas": [
+    {
+      "titulo": "O roteiro",
+      "texto": "**Resumo:** o roteiro de tela dos 21,5 s, sem narração: cinco cenas presas aos compassos de \"Without You\", com o texto exato de cada título e o que se mexe por baixo. O drop (16,14 s) cai na nota que vira A.\n\n## Texto da tela\n\n | \n\n | Cena\n | Títulos\n\n | A\n | \"Botei a IA pra ler\" / \"60 MCPs\" / \"de After Effects.\" / \"e mais de 40 skills.\"\n\n | B\n | \"Ela juntou o melhor\" / \"numa ponte só.\"\n\n | C\n | \"Agora ela olha\" / \"cada quadro.\"\n\n | D\n | \"e corrige sozinha.\" · cartão \"Revisão do movimento\" / \"humano ou robotizado?\" com os itens \"Câmera parada\", \"Movimento sem mola\", \"Tudo entrando junto\", \"Expressão quebrada\"\n\n | E\n | \"Menos robô.\" / \"Mais humano.\" · logo\n\nCor de destaque nos títulos: \"IA\" no degradê do Apple Intelligence, \"40 skills.\" em roxo, \"ponte\" em azul, \"sozinha.\" em verde, \"humano.\" em azul.\n\n## Cenas por tempo\n\n | \n\n | Cena\n | Tempo (s)\n | Na tela\n | Movimento\n\n | A\n | 0–5,5\n | \"Botei a IA pra ler\" (0,05 s) / \"60 MCPs\" (0,94 s) / \"de After Effects.\" (1,38 s) / \"e mais de 40 skills.\" (3,62 s)\n | 18 cartões com nomes reais de repositórios caem em cascata a partir de 0,55 s e sobem sem parar; o 60 rola como contador; em 3,72 s os cartões viram skills um a um; em 4,96 s tudo se recolhe num ponto\n\n | B\n | 5,3–12,75\n | \"Ela juntou o melhor\" (5,45 s) / \"numa ponte só.\" (6,30 s)\n | o ponto cresce e some; nascem os ícones do Claude e do After Effects (5,40 s); a pílula entre eles desenha a borda em azul (6,30 s) e ganha o check verde (7,20 s); em 8,52 s a ponte sobe e vira cabeçalho\n\n | C\n | 8,9–12,8\n | \"Agora ela olha\" (8,98 s) / \"cada quadro.\" (9,43 s)\n | a folha de contato sobe com seis quadros reais; de 10,33 s em diante, o olho azul passa de quadro em quadro, um por batida; em 12,36 s a folha encolhe e sai\n\n | D\n | 12,35–16,8\n | \"e corrige sozinha.\" (12,58 s)\n | o cartão da revisão entra com os quatro itens em vermelho e a nota 55 com o selo D; em 13,03 · 13,48 · 13,93 · 14,37 s cada item vira verde e a nota sobe (63, 71, 80, 86); o selo passa por C e B; no respiro, o cartão avança devagar; **16,14 s (drop):** nota 90, selo A verde com anel\n\n | E\n | 16,4–21,5\n | \"Menos robô.\" (16,64 s) / \"Mais humano.\" (17,05 s)\n | os títulos saem em 17,72 s; a aura colorida acende e o logo entra desfocando em 17,94 s; a câmera viva segue até o fim\n\n## Momentos da trilha\n\n- 0–1,82 s: abertura; o refrão cantado começa em 1,82 s.\n\n- Cada cena começa num tempo 1 de compasso (5,40 · 8,98 · 12,58 · 16,14 s).\n\n- 14,36–15,70 s: o grave some (respiro); a revisão segura.\n\n- 16,14 s: drop, nota A.\n\n- 20,29 s em diante: a música desce até o fim."
+    },
+    {
+      "titulo": "A identidade visual",
+      "texto": "**Resumo:** estilo Apple light, o mesmo kit dos anúncios claros da casa: fundo cinza Apple com uma luz branca no centro, cartões brancos de sombra larga e fraca, cores de sistema do iOS com papel fixo, SF Pro e SF Symbols. Títulos que entram com desfoque por letra, mola só no que chega, câmera viva por cima de tudo e cenas presas aos compassos da música. Números tirados de `kit.jsx`, `cenas.jsx`, `trilha.json` e `mixar.py`.\n\n## Fontes\n\n | \n\n | Uso\n | Fonte\n | Onde baixar\n\n | Títulos\n | SF Pro Display Semibold e Bold\n | developer.apple.com/fonts\n\n | Textos dos cartões e rótulos\n | SF Pro Text Regular, Medium e Semibold\n | developer.apple.com/fonts\n\n | Ícones\n | SF Symbols, dentro da própria SF Pro (códigos U+100000 em diante)\n | vêm com a SF Pro\n\nO kit converte o código do símbolo no caractere certo com `SYM(n)`. Os usados aqui: caixa e documento (cartões), olho (varredura), check e check em círculo, x em círculo.\n\n## Cores\n\n | \n\n | Token\n | Hex\n | Papel\n\n | Fundo\n | `#F5F5F7`\n | cinza Apple; luz branca no centro (elipse de raio 760, pena 520, 70%)\n\n | Cartão\n | `#FFFFFF`\n | cartões, pílula, folha de contato\n\n | Texto\n | `#1D1D1F`\n | títulos\n\n | Secundário / terciário\n | `#6E6E73` / `#86868B`\n | linhas de apoio, rótulos\n\n | Linha / campo\n | `#E5E5EA` / `#F2F2F7`\n | contorno da pílula, ícones dos cartões\n\n | Azul\n | `#007AFF`\n | a ponte, a varredura, \"humano.\"\n\n | Verde\n | `#34C759`\n | check, item corrigido, \"sozinha.\", anel do A\n\n | Laranja\n | `#FF9500`\n | selo da nota no meio do caminho\n\n | Vermelho\n | `#FF3B30`\n | erro, selo D\n\n | Roxo\n | `#AF52DE`\n | \"40 skills.\", ícones das skills\n\n | After Effects\n | quadrado `#00005B` com \"Ae\" em `#9999FF`\n | ícone recriado em camadas\n\n | Apple Intelligence\n | azul `#3D8BFF` → roxo `#A35BF7` → rosa `#F062C0` → laranja `#FF9F3A`\n | \"IA\" no primeiro título e a aura do logo\n\nTintas claras: a cor de sistema misturada com branco (`mix(cor, 0,1 a 0,18)`) nos fundos dos itens e da pílula.\n\n## Componentes\n\n | \n\n | Peça\n | Como é\n\n | Cartão de repositório\n | 330×96, raio 24, sombra fraca; ícone redondo de 56 px com SF Symbol, dono em Semibold 22 e nome em Regular 22; quando vira skill, troca o texto, o símbolo e a cor do ícone (roxo claro) e dá uma balançada de ±2,5°\n\n | Fluxo de cartões\n | 18 cartões em 3 colunas, em cascata de 0,045 s, subindo sem parar e se recolhendo num ponto\n\n | Ícones da ponte\n | tiles de 240 px, raio 56, sombra (14%, distância 26, suavidade 90): Claude à esquerda, After Effects à direita\n\n | Pílula-ponte\n | 200×72, raio 36, contorno `#E5E5EA`; um traço azul de 6 px desenha a borda (Trim Paths 0 → 100 em 0,75 s); fundo vira verde claro e ganha o check\n\n | Folha de contato\n | cartão 960×1090, raio 48; seis quadros de 432×768 a 60% com cantos de 44 px e rótulo com o tempo; um retângulo azul com o olho pula de quadro em quadro a cada batida\n\n | Placar de revisão\n | cartão 920×900, raio 54; \"Revisão do movimento\" / \"humano ou robotizado?\"; nota em Bold 120; selo redondo de 96 px com a letra; quatro itens de 820×126, raio 34\n\n | Logo\n | logo da agência com aura do Apple Intelligence (degradê em elipse, desfoque 60) e desfoque 22 → 0 na entrada\n\nCartões grandes usam sombra de 10%, distância 26 e suavidade 90.\n\n## Curvas e mola\n\nCurvas por influência dos keyframes (saída / chegada, em %), as mesmas do kit:\n\n | \n\n | Nome\n | Influência\n | Uso\n\n | T\n | 15 / 85\n | padrão: arranca rápido, assenta longo\n\n | Z\n | 33 / 85\n | zoom e escala\n\n | M\n | 55 / 45\n | movimentos médios\n\n | A\n | 60 / 90\n | chegadas longas\n\n | S\n | 75 / 0\n | sair acelerando\n\n | E\n | 33 / 33\n | derivas e passagens lentas\n\n | L\n | 0 / 0\n | linear\n\n- **Mola** só no que chega (cartões, ícones, check, quadros, itens): chaves lineares em 0,25 s e uma expressão de inércia na chegada (amplitude 0,05, frequência 2, decaimento 4).\n\n- **Título que entra:** sobe 26 px em 0,42 a 0,45 s com desfoque por letra (Text Animator com Blur e Range Selector de 0 a 100); cada parte do título entra na sua batida.\n\n- **Título que sai:** sobe 50 a 60 px em 0,3 s com a curva S, some em 0,25 s e desfoca até 18.\n\n- **Contadores:** o \"60\" troca de texto a cada 2 quadros (3, 8, 14 … 60); a nota anda em 6 passos por correção e fecha em 90 nos quadros antes do drop.\n\n- **Drop:** o selo vai a 132% e volta em 0,45 s; um anel verde cresce a 240% e some em 0,6 s.\n\n- **Motion blur:** obturador 150°, fase −75°.\n\n## Câmera\n\nAs cenas são filhas do null `CAMERA (cenas)` na comp final, e por cima dele a câmera viva:\n\n- escala de 100% a 103% ao longo dos 21,5 s, linear;\n\n- posição com `wiggle(0.5, 6)`;\n\n- rotação com `wiggle(0.35, 0.3)`.\n\nDentro das cenas, os grupos também avançam devagar (a revisão vai de 100% a 104% até o drop).\n\n## Transições\n\nAs cenas se sobrepõem na comp final: A até 5,5 s, B de 5,3 a 12,75 s, C de 8,9 a 12,8 s, D de 12,35 a 16,8 s, E de 16,4 s ao fim. A ponte da cena B sobe, encolhe para 52% e vira o cabeçalho da cena C; os títulos de cada cena saem antes de a próxima ocupar o lugar.\n\n## Trilha\n\n | \n\n | Item\n | Valor\n\n | Música\n | \"Without You\" (Avicii, Sandro Cavazza)\n\n | Trecho\n | de 59,591 a 81,083 s da faixa: 21,49 s, 12 compassos exatos, começando e terminando no tempo 1\n\n | Tempo\n | 134 BPM; batida de 0,448 s; compasso de 1,791 s\n\n | Marcos\n | refrão cantado em 1,82 s; o grave some de 14,36 a 15,70 s (respiro de 3 batidas); **drop em 16,14 s**; fade de saída a partir de 20,29 s\n\n | Grade das cenas\n | tempos 1 dos compassos: 0,04 · 1,82 · 3,62 · 5,40 · 7,20 · 8,98 · 10,78 · 12,58 · 14,36 · 16,14 · 17,94 · 19,74\n\n## Sound design e mix\n\n | \n\n | Ação\n | Efeito\n\n | cartões caindo\n | cliques com o tom subindo na cascata\n\n | o 60 rolando\n | contador rolando\n\n | viram skills\n | cinco teclas em sequência\n\n | recolhem num ponto\n | whoosh grave\n\n | ícones nascem\n | dois pops\n\n | a ponte acende\n | clique, riser curto e notificação no check\n\n | folha de contato\n | pops nos quadros e um obturador a cada batida da varredura\n\n | cada correção\n | clique e tique de contador\n\n | drop\n | riser, \"sucesso\" e impacto\n\n | fecho\n | whoosh, pop, whoosh longo e impacto no logo\n\n- 46 efeitos, cada um com o pico no quadro do evento (`início = evento − pico ÷ tom`).\n\n- Sons de tela com passa-baixa de 7 kHz e variação de tom nas repetições.\n\n- Trilha nivelada a −19 LUFS; efeitos com ganho 2,2 sobre a biblioteca nivelada.\n\n- Limitador e loudnorm em duas passagens a −14 LUFS / −1,5 dBTP; fade de 0,6 s no fim.\n\n## O que é \"humano\" neste vídeo\n\n- O fluxo de cartões sobe o tempo todo, sem parar.\n\n- Cada cartão que vira skill dá uma balançada, como se fosse virado na mão.\n\n- A câmera viva mantém a tela respirando, até nos títulos parados.\n\n- O placar avança devagar no respiro da música e só explode no drop."
+    },
+    {
+      "titulo": "A montagem no After Effects",
+      "texto": "| \n\n | Arquivo\n | O que faz\n\n | `ae/kit.jsx`\n | o kit do estilo Apple light: cores, fontes, SF Symbols, curvas, mola, cartão, sombra, título que entra e sai por letra, degradê e aura do Apple Intelligence\n\n | `ae/cenas.jsx`\n | as cinco cenas (`fazerA` … `fazerE`) e a comp final (`fazerMain`); os tempos ficam no objeto `TT`, encaixados nos compassos da trilha\n\n | `ae/build.json`\n | o comando que a ponte manda ao AE: carrega o kit e as cenas e monta tudo\n\n | `ae/trilha.json`\n | importa a trilha para a comp final\n\n | `ae/rebuild.sh`\n | refaz o projeto do zero pela ponte: projeto novo, cenas, trilha e câmera viva\n\n | `ae/bom.py`\n | grava os `.jsx` com BOM (o AE precisa para ler os acentos)\n\n | `ae/folha.py`\n | monta a folha de contato dos quadros renderizados\n\n | `mixar.py` (em `audio/`)\n | mix por script: trilha nivelada, 46 efeitos com o pico no quadro e loudnorm em duas passagens\n\nCada cena apaga e refaz só as suas comps (prefixo `A_`, `B_`…), então dá para corrigir uma cena sem mexer nas outras. Todas as comps começam em 0, e a chave de uma cena usa o mesmo número do tempo do vídeo.\n\n- **Instale a fonte SF Pro** (SF Pro Display e SF Pro Text), da página de fontes da Apple para desenvolvedores (developer.apple.com/fonts). Sem ela, os textos e os ícones (SF Symbols) não aparecem. Instale para todos os usuários e reinicie o After Effects.\n\n- **Mantenha a pasta `projeto/` como veio**: o `.aep` fica junto de `assets/` e `audio/`. Abra no After Effects 2026 ou mais novo. A comp final é `MAIN Ponte AE`.\n\n- **Arquivo faltando:** File › Dependencies › Find Missing Footage e aponte para `projeto/assets`.\n\n- **Para reconstruir por script** (opcional): rode `python bom.py`; no AE, defina `ROOT` com a pasta dos assets, rode `kit.jsx` (com `DUR = 21.5`) e `cenas.jsx`, e chame `fazerA()` … `fazerE()` e `fazerMain()`. Depois, ponha a câmera viva no null `CAMERA (cenas)`. Use uma pasta sem acento no caminho, porque o `aerender` falha com acento.\n\n- **Som:** `python mixar.py` gera o mix a −14 LUFS; junte ao vídeo com `-c:v copy`.\n\nAlgumas linhas dos scripts apontam para pastas da máquina onde o vídeo foi feito; peça ao agente para trocar pelos caminhos da sua central."
+    },
+    {
+      "titulo": "As decisões de direção",
+      "texto": "- **A cena nasce da anterior:** os cartões dos repositórios se recolhem num ponto, e do ponto nascem os dois ícones; a pílula-ponte sobe e vira o cabeçalho da cena seguinte.\n\n- **Mostrar em vez de explicar:** nomes reais de repositórios, o símbolo oficial do Claude, o ícone do After Effects recriado em camadas, quadros reais numa folha de contato.\n\n- **Certo e errado com placar:** quatro problemas de animação em vermelho viram verde um a um, a nota rola de 55 a 90 e a letra vai de D a A exatamente no drop.\n\n- **O contador rola,** de 3 a 60 em poucos quadros, e os cartões trocam de MCP para skill quando o \"40 skills\" aparece.\n\n- **Respiro antes do drop:** a cena da revisão avança devagar enquanto o grave da música some, e o A explode com um anel verde quando o grave volta.\n\n- **Cor com papel fixo:** azul para a ponte e a ação, verde para o que deu certo, vermelho para o erro, roxo para as skills.\n\n- **Câmera que nunca para:** um null por cima de todas as cenas avança 3% ao longo do vídeo, com uma deriva lenta.\n\n- **Fecho em duas batidas:** \"Menos robô.\" e \"Mais humano.\", e o logo entra com a aura colorida.\n\nDetalhes de cores, curvas e som: estilo.md. Texto da tela e cenas por tempo: roteiro.md. Para fazer um vídeo no mesmo estilo: PROMPT.md."
+    },
+    {
+      "titulo": "As versões até o final",
+      "texto": "| \n\n | Versão\n | O que mudou\n\n | render 1\n | as cinco cenas, revisadas pelas folhas de contato da ponte (itens fora da tela, um título escondido) e pelo revisor de movimento (textos abaixo de 22 px)\n\n | **render 2**\n | duas transições corrigidas depois da revisão quadro a quadro do MP4; é o vídeo do pacote"
+    }
+  ],
+  "pacote": [
+    {
+      "pasta": "projeto/",
+      "conteudo": "`ponte-ae.aep`, a pasta `assets/` (símbolo do Claude, os 6 quadros da folha de contato, ícone do app e logo da agência), os scripts em `ae/` e a trilha que o projeto usa"
+    },
+    {
+      "pasta": "audio/",
+      "conteudo": "a trilha cortada, o `trilha.json` (trecho, batidas, compassos, drop e respiro), as batidas medidas, o `mixar.py`, o mix final e os 21 efeitos usados (`sfx/`)"
+    },
+    {
+      "pasta": "referencias/",
+      "conteudo": "a pesquisa dos ~60 MCPs e 40+ skills de After Effects, o tutorial do estilo Apple light e o README do kit"
+    },
+    {
+      "pasta": "render/",
+      "conteudo": "`final.mp4`"
+    },
+    {
+      "pasta": "ae/kit.jsx",
+      "conteudo": "o kit do estilo Apple light: cores, fontes, SF Symbols, curvas, mola, cartão, sombra, título que entra e sai por letra, degradê e aura do Apple Intelligence"
+    },
+    {
+      "pasta": "ae/cenas.jsx",
+      "conteudo": "as cinco cenas (`fazerA` … `fazerE`) e a comp final (`fazerMain`); os tempos ficam no objeto `TT`, encaixados nos compassos da trilha"
+    },
+    {
+      "pasta": "ae/build.json",
+      "conteudo": "o comando que a ponte manda ao AE: carrega o kit e as cenas e monta tudo"
+    },
+    {
+      "pasta": "ae/trilha.json",
+      "conteudo": "importa a trilha para a comp final"
+    },
+    {
+      "pasta": "ae/rebuild.sh",
+      "conteudo": "refaz o projeto do zero pela ponte: projeto novo, cenas, trilha e câmera viva"
+    },
+    {
+      "pasta": "ae/bom.py",
+      "conteudo": "grava os `.jsx` com BOM (o AE precisa para ler os acentos)"
+    },
+    {
+      "pasta": "ae/folha.py",
+      "conteudo": "monta a folha de contato dos quadros renderizados"
+    }
+  ],
+  "prompt": "Quero fazer um reel sem narração no mesmo estilo do projeto \"A IA leu 60 MCPs\", que está em 07-videos/projetos/ponte/, com o meu assunto.\n\nAssunto (o processo, a ferramenta ou o resultado que eu quero mostrar): {{ASSUNTO}}\nOs fatos e números reais que sustentam a história: {{FATOS}}\nFrase de fecho em duas batidas: {{FECHO}}\nMarca (logo) do fecho: {{MARCA}}\nDuração aproximada: {{DURACAO}} (a referência tem 21,5 s)\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, nesta ordem: 07-videos/projetos/ponte/LEIA-ME.md, estilo.md e roteiro.md. Depois abra projeto/ae/kit.jsx e projeto/ae/cenas.jsx e me explique em poucas linhas como o kit, o objeto TT dos tempos, as funções fazerA … fazerE e a câmera viva se encaixam, e o que você vai reaproveitar.\n\n2. Siga o passo a passo de 9 etapas de 07-videos/_LEIA.md e os números de 07-videos/regras-vigentes.md. Crie o meu projeto em 07-videos/projetos/AAAA-MM-DD-tema/ a partir de 07-videos/projetos/_modelo/README.md e marque cada etapa no checklist. Trabalhe numa pasta sem acento no caminho, por causa do aerender. Não edite os arquivos do projeto ponte: copie o kit e as cenas que for reaproveitar.\n\n3. Use as skills instaladas: motion-app-ae (interface no After Effects), video-referencias (assets reais: logos oficiais, prints, nomes reais), animacao-saas (forma que vira a próxima) e better-portuguese (todo texto da tela).\n\n4. O texto da tela: escreva cinco cenas, cada uma com um título de no máximo duas linhas e um objeto de interface que mostre a ideia sozinho (cartões em cascata, dois ícones ligados por uma pílula, folha de contato, placar de certo e errado, contador). Os títulos encadeiam uma frase só ao longo do vídeo, como \"Botei a IA pra ler… Ela juntou o melhor… Agora ela olha… e corrige sozinha.\" Use só fatos reais que eu passei; nomes, números e quadros que aparecem na tela têm que existir. Me mostre a tabela cena → título → objeto → tempo antes de construir.\n\n5. Trilha em paralelo, num subagente: música real que eu ainda não usei, com um drop claro. Meça as batidas com o beat_this, corte um trecho de compassos inteiros (começando e terminando no tempo 1), ache o respiro antes do drop e entregue um trilha.json como o da referência. Encaixe o início de cada cena num tempo 1 de compasso e ponha o momento de virada da história exatamente no drop.\n\n6. Reaproveite o kit, troque o conteúdo. Mantenha deste projeto: o kit.jsx (cartão, sombra larga e fraca, SF Symbols, título com desfoque por letra, mola só no que chega, aura do Apple Intelligence), as curvas T/Z/S/E, a cascata entre irmãos, a cena que nasce de um elemento da anterior, as cores de sistema com papel fixo, a câmera viva no vídeo inteiro, o fecho em duas batidas com o logo, um efeito por ação com o pico no quadro, passa-baixa nos sons de tela e o final a −14 LUFS. Troque: as cenas, os objetos, os textos, os assets, a marca e a trilha.\n\n7. Construa cena por cena e, a cada rodada, olhe os quadros (folha de contato) e revise o movimento: nada fora da tela, nenhum título escondido, texto de interface com pelo menos 22 px no quadro final. Em cada movimento, pergunte: está humano ou robotizado?\n\n8. Som: liste as pistas de som a partir das chaves das cenas e faça o mix por script, como o mixar.py da referência.\n\n9. Render em trechos, junte com o áudio, revise o MP4 quadro a quadro, corrija as transições sujas e me entregue o vídeo, a legenda do post e a ficha atualizada. No fim, registre uma anotação em anotacoes/.",
+  "campos": [
+    "ASSUNTO",
+    "DURACAO",
+    "FATOS",
+    "FECHO",
+    "MARCA"
+  ],
+  "fonte": {
+    "nome": "Clube do Motion",
+    "url": "https://clubedomotion.com/projeto/?id=ponte",
+    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
+  }
+}