primocode 10.13.0 → 10.14.1

package/lib/estudio/dados/projetos/clube-processo-edit-tonal.json

@@ -0,0 +1,126 @@
+{
+  "id": "clube-processo-edit-tonal",
+  "titulo": "O processo por trás do edit",
+  "categoria": "sound",
+  "resumo": "Reel narrado de 2:52, em formato de tutorial, que abre o processo de um edit musical cinematográfico em quatro etapas: escolher a música, separar a voz do instrumental, trocar os efeitos comuns por efeitos tonais e pedir o edit pronto ao agente. Ninguém aparece na tela: cada etapa é mostrada acontecendo em colagem de papel no estilo \"Cactus Jack\", com prints colados, fita crepe, marcador que se desenha e carimbos que batem na batida da música de exemplo, \"SICKO MODE\" (Travis Scott). O centro do vídeo é uma comparação de 33 s, recriada do vídeo \"There Are 2 Kinds Of Sound Effects\", do canal Multiply Sound: os mesmos efeitos nas mesmas posições, primeiro comuns e depois tonais, para quem assiste ouvir a diferença antes da explicação. Tudo é um take único em HTML com o quadro calculado pelo tempo, renderizado a 60 qps com desfoque de movimento. Feito pelo Clube do Motion.",
+  "indicado": "criador, editor ou estúdio que quer ensinar um processo técnico sem aparecer na câmera; tutorial de áudio, de ferramenta ou de método com antes e depois que se ouve; série de vídeos educativos de um canal de motion ou de música.",
+  "estilo": [
+    "tutorial narrado",
+    "colagem de papel",
+    "prints colados com fita",
+    "marcador que se desenha",
+    "carimbos na batida",
+    "fotos reais em sépia",
+    "comparação A/B só no som",
+    "take único"
+  ],
+  "ficha": {
+    "formato": "1080×1920, 60 qps, 9:16, H.264 com AAC; o master tem 747 MB (CRF 16) e o `render.mp4` do pacote é a mesma imagem a 7,8 Mbps",
+    "duracao": "172,6 s (10.356 quadros); 13 falas, com 92,7 s de voz",
+    "motor": "html",
+    "voz": "ElevenLabs, Eleven v4, voz clonada a 1,12 e acelerada 1,2× na pós; a fala 11 foi refeita com \"édit\" escrito como se fala",
+    "musica": "\"SICKO MODE\" (Travis Scott): o instrumental separado vira a cama, em Lá menor a 153,8 BPM (76,9 no meio tempo), e a virada de batida (61,12 s da faixa) cai no \"bora pro processo\"",
+    "fontes": "ver o guia de estilo"
+  },
+  "ferramentas": [
+    "Claude Code",
+    "ElevenLabs"
+  ],
+  "ficha_tecnica": {
+    "Duração": "172,6 s (10.356 quadros); 13 falas, com 92,7 s de voz",
+    "Formato": "1080×1920, 60 qps, 9:16, H.264 com AAC; o master tem 747 MB (CRF 16) e o `render.mp4` do pacote é a mesma imagem a 7,8 Mbps",
+    "Ferramenta": "HTML num take único, motor `take-unico` (Chromium sem janela, obturador de 180°, trechos de 4 s em cache); som, medições e dados em Python",
+    "Voz": "ElevenLabs, Eleven v4, voz clonada a 1,12 e acelerada 1,2× na pós; a fala 11 foi refeita com \"édit\" escrito como se fala",
+    "Música": "\"SICKO MODE\" (Travis Scott): o instrumental separado vira a cama, em Lá menor a 153,8 BPM (76,9 no meio tempo), e a virada de batida (61,12 s da faixa) cai no \"bora pro processo\"",
+    "Som": "−14,0 LUFS, pico verdadeiro de −1,3 dBFS; música 17,2 dB abaixo da voz; voz −13,3, música −17,0, efeitos −27,1 e tonais −27,3 LUFS",
+    "Comparação": "32,9 s, de 82,0 a 115,3 s do vídeo: dois grupos de 3 efeitos sem música (tonais em Si) e a mesma introdução da SICKO MODE com comuns e com tonais (em Lá); os dois lados de cada parte saem com o mesmo volume",
+    "Render final": "88 min com 2 navegadores (44 trechos), 0 quadros pretos",
+    "Referências": "no catálogo de Referências do Clube: `multiply-2-tipos-de-efeito` (a comparação), `multiply-tonal-vs-normal-longo` (o argumento do roteiro), `multiply-tonal-vs-normal` (o short), `multiply-film-score-vol3` (os tonais), `clube-shelby-barbearia` e os templates do YouMotion estudados na v2 (`youmotion-social-media-ui-opener`, de onde vem a mola dos bilhetes do gancho, `youmotion-promo-opener`, `youmotion-ai-opener` e `youmotion-clean-opener`)"
+  },
+  "etapas": [
+    {
+      "titulo": "O roteiro e a voz",
+      "texto": "**Resumo:** a fala completa em 13 trechos, como foi gravada na voz clonada, as cenas por tempo no vídeo final (v5) e os três prompts que aparecem na tela. O texto nasceu de uma fala solta do autor, editada para ficar mais curta e clara sem trocar as ideias nem o jeito de falar; o texto original está em `referencias/roteiro-do-projeto.md`. A ordem é: o vídeo que gera a pergunta, a referência, as quatro etapas com a prova no som e o pedido para comentar. Os tempos são os do arquivo final.\n\n## A fala\n\n | \n\n | #\n | Entra (s)\n | Fala\n\n | 01\n | 0,4\n | As pessoas vivem me perguntando como eu faço esse estilo de vídeo aqui.\n\n | 02\n | 13,2\n | Então eu resolvi abrir o meu processo e mostrar como fazer um vídeo desses do zero.\n\n | 03\n | 18,3\n | Antes de tudo, não dá pra falar de sound design sem citar a minha maior referência nesse nicho, o canal Multiply Sound.\n\n | 04\n | 25,0\n | Vale maratonar os vídeos deles pra entender como música e efeito sonoro funcionam em vídeo vertical. Feita a menção, bora pro processo.\n\n | 05\n | 34,3\n | Eu sempre começo escolhendo a música e guardo ela numa pasta separada. Uma dica: pega a playlist que você usa pra ouvir música e manda pra sua IA com esse prompt.\n\n | 06\n | 46,2\n | Ela baixa as músicas e analisa uma por uma, anotando batida, tom, vibe e se tem voz, e da próxima vez já escolhe a música certa pra você, sem você precisar procurar.\n\n | 07\n | 57,4\n | Escolheu a música? Agora é separar a voz do instrumental, e o seu agente faz isso com um prompt simples.\n\n | 08\n | 74,4\n | Feito isso, vêm os efeitos sonoros. Aqui eu uso tonal sounds no lugar dos efeitos comuns, e você vai entender o porquê agora.\n\n | 09\n | 115,6\n | Entendeu? Os tonal sounds são gravados com instrumentos de verdade e afinados em cada um dos doze tons. Como toda música tem um tom, você usa o efeito no mesmo tom dela, e ele entra como parte da música, coisa que os efeitos comuns não conseguem fazer.\n\n | 10\n | 129,2\n | Tem tonal sounds de graça em vários lugares da internet, mas os melhores são pagos. Pra facilitar a sua vida, eu comprei e organizei cada um deles em todos os tons e deixei lá no Clube do Motion.\n\n | 11\n | 140,8\n | Com tudo isso em mãos, é só mandar pro seu agente com esse prompt da tela, e em poucos minutos ele te entrega o edit completo, já com os tonal sounds.\n\n | 12\n | 159,4\n | E aí, curtiu? É o primeiro vídeo que eu faço nesse estilo de tutorial, então espero que tenha te ajudado.\n\n | 13\n | 165,0\n | Me segue e, se quiser o material completo, comenta \"TONAL\" que eu te mando o link no direct, ou acessa o link da bio. Tamo junto!\n\n- Para a voz, \"IA\" foi escrito \"IÁ\" e \"edit\" foi escrito \"édit\", como se fala; a fala 11 foi refeita só por causa dessa tônica.\n\n- ElevenLabs, Eleven v4, velocidade 1,12, e depois 1,2× no ffmpeg (`atempo`). Os tempos de cada palavra saem da própria ElevenLabs, divididos por 1,2.\n\n## Os prompts da tela\n\n- **Etapa 1 (playlist):** \"Baixa todas as músicas desta playlist, guarda numa pasta e analisa uma por uma: BPM, tom, vibe, se tem voz ou não, onde fica o drop e tudo o que for útil para usar em vídeo. Salva tudo num catálogo para escolher a música certa nos próximos vídeos.\" + o link da playlist.\n\n- **Etapa 2 (voz):** \"Separa a voz do instrumental desta música e me entrega os dois arquivos.\"\n\n- **Etapa 4 (edit):** \"Com esta música, a voz e o instrumental separados e esta pasta de tonal sounds, monta uma intro cinematográfica de uns 45 segundos: descobre o tom e o BPM da música, escolhe o trecho que leva até o drop, corta no tempo forte, segura a tensão com a voz quase sozinha e usa tonal sounds no mesmo tom da música até o drop.\"\n\n## Cenas por tempo\n\n | \n\n | #\n | Tempo (s)\n | O que acontece\n\n | 1\n | 0–4,2\n | Gancho: comentários impressos caem com fita e empilham com mola; a contagem é feita a marcador\n\n | 2\n | 4,2–13,0\n | O Reel do Soldier nasce do avatar do último bilhete e toca em tela cheia, com o som real; no fim, encolhe e vira a polaroide \"nosso edit\"\n\n | 3\n | 13,0–17,9\n | \"O MEU PROCESSO\" cai letra a letra; as 4 etapas entram como tiras de papel rasgado, uma por batida; \"do zero\" a marcador; as tiras voam para o trilho do topo\n\n | 4\n | 17,9–33,6\n | Referência: página do canal Multiply Sound em print colado; fone e microfone em sépia em \"sound design\"; o vídeo \"You DON'T Need More Sound Effects\" toca num player impresso; em \"maratonar\", as miniaturas caem como polaroides; carimbo \"menção honrosa\"; no \"bora\", o player vira a etiqueta 01\n\n | 5\n | 32,6–57,3\n | Etapa 1: pasta kraft onde caem as capas; print do Spotify (••• → Compartilhar → Copiar link) com círculo e \"copia o link!\"; print do chat com o link e o prompt; BPM, TOM, VIBE e VOZ? escritos à mão na margem; catálogo; SICKO MODE circulada e carimbo \"ESCOLHIDA\"\n\n | 6\n | 56,7–63,4\n | Etapa 2: polaroide da capa em \"música?\"; print do chat com o arquivo e o prompt; \"só isso.\" a marcador; voz.wav e instrumental.wav com check\n\n | 7\n | 63,4–72,4\n | Separação com o som real: a tira da música se rasga em duas; voz em papel lilás com o Travis recortado e carimbo \"SÓ A VOZ\"; depois o instrumental em papel jeans, a TR-808 e o carimbo \"SÓ O BEAT\"\n\n | 8\n | 72,6–82,0\n | Etapa 3: cartões \"efeito comum\" (vermelho) e \"tonal sound\" (ouro)\n\n | 9\n | 83,0–97,6\n | **Comparação, parte 1:** o grupo comum (riser e boom embaixo, whoosh em cima, emenda em 85,6) e o grupo tonal em Si (Signal Alert e Piano Ping embaixo, Vocal Cadence em cima, emenda em 91,8); \"parece só barulho.\" / \"uau.\" e as setas: \"parecem iguais na timeline\"\n\n | 10\n | 99,1–113,7\n | **Comparação, parte 2:** a mesma introdução da SICKO MODE com efeitos comuns (golpe em 102,5) e com tonais em Lá (golpe em 110,4), a música entrando junto com o golpe\n\n | 11\n | 115,6–129,0\n | Os 12 tons: fotos dos instrumentos com fita REC e carimbo \"DE VERDADE\"; roda de 12 adesivos com o Lá circulado; tonais presos à tira da música; o whoosh comum leva um X, é rasgado e fica o carimbo \"FORA DO TOM\"\n\n | 12\n | 129,2–139,0\n | Onde achar: busca colada, pacotes grátis amassados e jogados fora, polaroides da Film Score Collection com preço e carimbo \"SÃO PAGOS\", check \"comprei todos\", explorador do Clube do Motion com a pasta do tom circulada\n\n | 13\n | 140,8–148,4\n | Etapa 4: print do chat; os anexos caem com tombo na batida; \"esse prompt aqui\" a marcador; envio e carimbo \"ENTREGUE\"\n\n | 14\n | 148,4–158,4\n | \"O EDIT PRONTO\": timeline de tiras rasgadas com as ondas, agulha de marcador e \"aqui explode\" no **drop, em 151,9**\n\n | 15\n | 158,4–159,4\n | respiro de 0,7 s, com fade de 1,5 s\n\n | 16\n | 159,4–172,6\n | Fechamento: recapitulação em etiquetas de fita com check e carimbo \"TUTORIAL #1\"; prints do perfil (seguir), do comentário \"TONAL\" circulado, do direct e do link da bio, ligados por setas; o logo do Clube do Motion entra como carimbo na batida, preso com fita\n\n## Momentos para a trilha\n\n- 0,4 s: a voz entra seca; 4,2 s: o som real do Reel do Soldier, com cauda de sala no fim.\n\n- 13,0 s: a cama começa no instrumental da SICKO MODE, no trecho do Drake.\n\n- 24,6–33,4 s: o vídeo do Multiply toca 10 dB abaixo, sob a voz.\n\n- ~32,0 s: a virada de batida famosa cai logo depois do \"bora pro processo\", com um golpe tonal (Collision).\n\n- 63,4–72,4 s: mix → só a voz (66,0 s) → só o instrumental (68,9 s).\n\n- 82,0–115,3 s: a comparação no bus `direto`, sem a cama.\n\n- 115,6 s: cama tonal baixa (Soft Circuit, −35 LUFS) sob a explicação dos tons.\n\n- 148,4–158,4 s: o resultado do edit, com o drop em 151,9 s.\n\n- 158,5 s: a segunda virada de batida (Ré# maior) leva o fechamento, com um golpe tonal (Jolt); no logo final, Collision, carimbo e Sentinel Bell.\n\nA lista completa dos eventos, com tempo, tipo e pan, está em `audio/eventos.json`; os tempos de cada fala e de cada demonstração, em `audio/tempo.json`."
+    },
+    {
+      "titulo": "A identidade visual",
+      "texto": "**Resumo:** colagem de papel no estilo \"Cactus Jack\", tirada do universo do Travis Scott porque a música de exemplo é a SICKO MODE: fundo marrom quase preto, papel creme, fita crepe, anotações de marcador, fotos em sépia, carimbos de borracha e grão de filme. As cores têm sentido fixo (tonal, efeito comum, música e voz), as interfaces reais aparecem impressas e coladas, e tudo respira na batida medida da música. Números tirados da direção da v3, do `base.js`, do `trilha.py` e das conferências do master.\n\n## De onde veio o estilo\n\nNa v3, três direções foram montadas em quadros parados antes de redesenhar o vídeo (`projeto/estilos/`): A · Console, B · Cactus Jack e C · Editorial. A escolhida foi a B. Os quadros de referência estão em `estilos/B1.png` (título de etapa) e `estilos/B2.png` (comparação).\n\n## Paleta\n\n | \n\n | Chave\n | Valor\n | Uso\n\n | fundo\n | `#17110C`\n | marrom quase preto\n\n | papel\n | `#EFE3CF`\n | creme: texto principal, borda das fotos e das interfaces impressas\n\n | verde\n | `#E0A84B`\n | areia-ouro, que no vídeo significa **tonal** e o jeito certo\n\n | vermelho\n | `#E8462B`\n | laranja queimado: **efeito comum**, destaque e carimbo\n\n | azul\n | `#7FA7BF`\n | jeans desbotado: **música**\n\n | lilás\n | `#C3A6E0`\n | **voz**\n\n | areia\n | `#C79A55`\n | papel kraft e etiquetas\n\n | fita\n | `rgba(222,205,170,.9)`\n | fita crepe\n\nTexto creme sobre marrom; nada de branco puro. As chaves continuam com os nomes da v1 (verde, vermelho), mas os valores são os da colagem.\n\n## Tipografia\n\n- **Cartaz:** Big Shoulders Display, peso 900, em caixa alta, com entrelinha de 0,82 a 0,9 e espaçamento negativo. Títulos, números e rótulos de bloco.\n\n- **Escrito à mão:** Permanent Marker, para anotações, setas com texto, etiquetas de fita e palavras de destaque. A família `Playfair` itálica aponta para o Permanent Marker no `fonts-v3.css`, então todo destaque herdado da v2 virou marcador.\n\n- **Interfaces reais** (Claude, Spotify, YouTube, Instagram): Inter 18pt, DM Sans e Roboto Mono, porque são prints da tela real, só que impressos e colados.\n\n- Proibido: título em Inter com uma palavra em serifa itálica, que dava cara de IA na v2.\n\n## Kit da colagem (`comp/js/base.js`)\n\n | \n\n | Peça\n | O que faz\n\n | `colar(el, {rot, fitas, borda, seed})`\n | transforma uma interface em print colado: borda de papel de 12 px, sombra funda, inclinação de ±1 a 3° e fita nos cantos\n\n | `fita(pai, x, y, w, rot)`\n | pedaço de fita crepe solto\n\n | `rabisco(…, tipo)`\n | traço de marcador que se desenha em 0,3 a 0,5 s: círculo, sublinhado, seta, X, check e risco\n\n | `marcador(pai, txt, …)`\n | texto à mão revelado da esquerda para a direita\n\n | `recorte(pai, src, …)`\n | foto recortada em sépia com sombra de contato\n\n | `carimbo(pai, txt, …)`\n | selo de borracha que bate na batida\n\n | `rasgo(seed, amp)`\n | contorno de papel rasgado para cartões e tiras\n\n | `tituloEtapa(pai, n, l1, l2)`\n | cartaz de duas linhas, fita \"etapa 0N\" e oval de marcador\n\n | `rnd(k)`\n | aleatório fixo por semente; o render tem de ser determinístico, então nada de `Math.random`\n\nLegenda por palavra, trilho das etapas (etiquetas de fita no topo) e fundo (grão, luz vazando e vinheta) são globais.\n\n## Regras de composição\n\n- Tudo que é tela vira print colado, levemente torto, nunca reto.\n\n- Pelo menos 3 elementos de colagem por cena, cada um com propósito: anotação apontando o que a fala diz, seta, círculo, fita, foto real em sépia, carimbo ou número grande de cartaz.\n\n- Cada elemento entra quando a palavra é dita ou na batida mais próxima depois dela.\n\n- Nada para morto: tudo em cena deriva devagar e respira na batida (escala 1 + 0,02 × o pulso da batida). Entradas com mola, incluindo a mola de bolha medida no template Social Media UI Opener (escala 0 → 1,157 → 0,971 → 1,016 → 1, com a rotação de 65° assentando em zero).\n\n- Cada elemento que entra ou sai gera um evento de som com o seu tipo (pop, pouso, fita, carimbo, clique, move, rasgo, etapa, logo…).\n\n- Pessoa, produto ou lugar citado aparece com foto real recortada em sépia.\n\n## Cenas e o que cada uma usa\n\n | \n\n | Cena\n | Elementos\n\n | Gancho\n | comentários impressos que caem com fita e empilham, contagem a marcador, o Reel do Soldier nascendo do avatar e virando polaroide \"nosso edit\"\n\n | O meu processo\n | cartaz que cai letra a letra, as 4 etapas em tiras de papel rasgado com número gigante, uma por batida, e \"do zero\" a marcador\n\n | Referência\n | página do canal Multiply Sound em print colado, fone e microfone reais em sépia, o vídeo dele num player impresso, miniaturas caindo como polaroides\n\n | Etapa 1\n | pasta kraft onde caem as capas, print do Spotify com ••• → Compartilhar → Copiar link, print do chat com o link e o prompt, BPM, tom, vibe e voz escritos à mão, carimbo \"ESCOLHIDA\"\n\n | Etapa 2\n | polaroide da capa, print do chat com o arquivo, tira com a onda impressa que se rasga em voz (papel lilás, com o Travis recortado) e instrumental (papel jeans, com a TR-808), carimbos \"SÓ A VOZ\" e \"SÓ O BEAT\"\n\n | Etapa 3 e comparação\n | cartões \"efeito comum\" × \"tonal sound\"; dois grupos de 3 efeitos lado a lado, agulha que varre um por vez, setas e \"parecem iguais na timeline\"; a introdução da música com a faixa azul\n\n | Os 12 tons\n | fotos em sépia dos instrumentos com fita REC, roda de 12 adesivos com o Lá circulado, tonais presos com fita na tira da música e o whoosh comum rasgado com o carimbo \"FORA DO TOM\"\n\n | Onde achar\n | busca colada, pacotes grátis amassados, polaroides da Film Score Collection com preço, explorador do Clube com a pasta do tom circulada\n\n | Etapa 4 e CTA\n | print do chat com os anexos caindo, carimbo \"ENTREGUE\", timeline de tiras rasgadas com \"aqui explode\" no drop, recapitulação em etiquetas, prints do perfil, do comentário \"TONAL\", do direct e do link da bio, logo do Clube carimbado na batida\n\n## Render\n\n60 qps reais, obturador de 180° (várias capturas por quadro, em média), trechos de 4 s em cache e 2 navegadores. O master sai em H.264 CRF 16; o grão de filme pesa no arquivo.\n\n## Trilha\n\n | \n\n | Trecho\n | Som\n\n | Gancho\n | a voz e o som real do Reel do Soldier (4,2 a 13,0 s)\n\n | Processo e referência\n | o instrumental da SICKO MODE no trecho do Drake (Sol menor), com o vídeo do Multiply tocando 10 dB abaixo, por baixo da voz\n\n | Etapa 1\n | a virada de batida famosa (Lá menor) entra no \"bora pro processo\"\n\n | Etapa 2\n | mix → só a voz → só o instrumental, 9 s da faixa original, com cauda de sala no fim\n\n | Etapa 3\n | a comparação inteira no bus `direto`, sem curva automática, num ganho que deixa os grupos no nível da voz\n\n | Tons, onde achar e etapa 4\n | volta a cama em Lá menor; uma cama tonal baixa (−35 LUFS) sob a explicação dos tons; o resultado do edit toca 10 s com o drop\n\n | CTA\n | a segunda virada de batida (Ré# maior)\n\n## Sound design\n\n- **Bancos grandes por tipo:** pop, clique, whoosh e interface vêm dos efeitos fatiados dos templates do YouMotion; papel, rasgo, fita, amassado e foto vêm de 64 fatias de um kit de colagem. O passo pelo banco é primo, então vizinhos nunca tocam o mesmo arquivo.\n\n- **Nível pelo pico real de 400 ms** de cada som, porque o valor do catálogo não conferia com o arquivo. Pops a menos de 0,2 s do evento anterior ficam mudos.\n\n- **Tonais só nas viradas:** golpe tonal em cada etapa (Collision, Arrival, Jolt, Warm Signal), Jolt em um a cada três carimbos, golpes nas viradas de batida e Sentinel Bell só no logo final. Sons de interface 4 dB acima depois da revisão.\n\n- **Comparação:** grupos a −15,59 × −15,61 LUFS; introduções a −20,0 antes do golpe, nos dois lados; limitador transparente com teto de −1 dBFS.\n\n- **Final:** −14,0 LUFS, pico verdadeiro de −1,3 dBFS, música 17,2 dB abaixo da voz.\n\n## O que é \"humano\" neste vídeo\n\n- Nada fica reto nem parado: prints tortos, fita, papel que deriva e respira com a batida.\n\n- O marcador se desenha no tempo da fala, como alguém anotando em cima da tela.\n\n- Os carimbos e as entradas caem na batida da música, não num relógio fixo.\n\n- A comparação deixa o ouvido julgar antes de qualquer explicação."
+    },
+    {
+      "titulo": "A montagem em HTML",
+      "texto": "| \n\n | Arquivo\n | O que faz\n\n | `audio/montar_voz.py`\n | dono único da linha do tempo: põe cada fala no seu segundo (`FALAS`) e cada demonstração de som (`DEMOS`: Reel do gancho, Multiply, separação, comparação, resultado), grava `voz.wav`, `tempo.json` e `comp/dados/tempo.js` com o tempo de cada palavra\n\n | `comp/js/base.js`\n | kit da colagem: `colar` (print com borda de papel, inclinação e fita), `fita`, `rabisco` (círculo, sublinhado, seta, X e check que se desenham), `marcador`, `recorte` (foto em sépia), `carimbo`, `rasgo` e `tituloEtapa`; legenda, trilho das etapas e fundo com grão\n\n | `comp/js/c1…c7`, `cmp-multiply.js`\n | uma cena por arquivo; cada elemento entra quando a palavra é dita (`PF(fala, 'palavra')`) ou na batida seguinte (`PROX_BATIDA`) e registra um evento de som (`ev`)\n\n | `comp/js/main.js`\n | monta as cenas, lê `dados/batidas.js` (`BATIDA`, `COMPASSO`, `PROX_BATIDA`) e expõe o contrato do motor (`__seek`, `__events`)\n\n | `audio/sicko/`\n | `grade.py` (batidas e compassos com o beat_this, instrumental inteiro), `montar_sicko.py` (edit tonal, separação, medidas e `comp/dados/sicko.js`), `trio.py` e `mini.py` (os testes de comparação) e `util.py` (nível, limitador, croma)\n\n | `audio/comparacao/montar.py`\n | monta os dois grupos e as duas introduções nas mesmas posições, nivelados pelo pico de 400 ms e pelo LUFS, e grava `comparacao.wav` e `comp/dados/comparacao.js`\n\n | `audio/trilha.py`\n | na Mesa: voz, cama do instrumental em 5 trechos, as demonstrações com o som real, a comparação num bus sem curva automática, um som por evento girando por bancos grandes, tonais só nas viradas e caudas de sala; grava `comp/dados/batidas.js`\n\n | `take-unico/render_take.py`\n | renderiza a composição com obturador de 180°; `--stills`, `--previa`, `--trechos 4`, `--workers` e `--retomar`\n\n- **Junte as pastas:** descompacte `projeto/` em `07-videos/projetos/processo-edit-tonal/` e ponha `audio/` ao lado de `comp/`. Copie `projeto/take-unico/` para `07-videos/biblioteca/take-unico/` e `audio/mesa/` para `07-videos/biblioteca/som/`: o `index.html` carrega `../../../biblioteca/take-unico/take.js` e o `trilha.py` importa a Mesa de `../../biblioteca/som/`. O `audio/scripts/voz_elevenlabs.py` vai para `07-videos/scripts/`.\n\n- **Troque o que é de terceiros:** a sua música no lugar da SICKO MODE, as suas capas e fotos com os nomes do `fora-do-pacote.md` e os quadros do vídeo de referência em `comp/assets/mp/f0001.jpg` a `f0720.jpg` (30 qps). Sem eles, a cena fica com o player vazio.\n\n- **Instale:** Python 3.11 com numpy, scipy, soundfile, librosa, pyloudnorm, pedalboard e playwright (`playwright install chromium`), o beat_this, um separador de voz (as partes deste vídeo vieram do BS-RoFormer) e o ffmpeg.\n\n- **Aponte os caminhos:** no topo de `audio/comparacao/sons.py`, `audio/mesa/mesa.py` e `audio/sicko/montar_sicko.py`, troque `MV3`, `TONS`, `PREM`, `YOUMOTION` e `NIVELADOS` pelas suas pastas de efeitos e a faixa original pela sua música.\n\n- **Voz:** `python audio/gerar_voz.py` (ElevenLabs, com o ID da sua voz no lugar de `SUA_VOZ_ELEVENLABS`) e depois `python audio/montar_voz.py`.\n\n- **Música e comparação:** em `audio/sicko/`, rode `grade.py` e `montar_sicko.py`; depois, `python audio/comparacao/montar.py`.\n\n- **Ver no navegador:** `comp/index.html?t=86&hud` para parar na comparação ou `?play&som` para tocar com a mix.\n\n- **Som:** `python ../../biblioteca/som/som.py .` na pasta do projeto (exporta os eventos, roda o `trilha.py` e cola o som na prévia). Quando a cama mudar, rode duas vezes: a primeira gera as batidas, a segunda reexporta os eventos já presos a elas.\n\n- **Vídeo:** `python ../../biblioteca/take-unico/render_take.py comp/index.html --out render/final.mp4 --fps 60 --shutter 180 --trechos 4 --workers 2 --audio audio/mix.wav` e confira duração, qps e −14 LUFS.\n\n**Pegadinhas:** o grão de filme deixa o master pesado (747 MB em CRF 16); para mandar ou subir, recomprima a ~8 Mbps. Com 5 navegadores o Windows ficou sem memória virtual: use 2 e `--retomar` se cair. Uma cena que usa a grade de batidas precisa da grade no vídeo inteiro, inclusive nas demonstrações sem cama (o `trilha.py` já acrescenta as batidas da separação e do resultado). A curva automática da Mesa nivela cada demonstração de um jeito; por isso a comparação vai no bus `direto`, com um ganho só. O lufs do catálogo do YouMotion não confere com o arquivo, e o `trilha.py` mede o pico real de 400 ms de cada som."
+    },
+    {
+      "titulo": "As decisões de direção",
+      "texto": "- **A prova vem antes da explicação.** A comparação toca sem fala, com os efeitos nas mesmas posições da timeline; a explicação dos 12 tons só entra depois que o ouvido já percebeu a diferença.\n\n- **Comparação recriada de um vídeo que já funciona.** Ela segue o \"There Are 2 Kinds Of Sound Effects\", do Multiply: dois grupos de 3 efeitos lado a lado (transição em cima, riser e golpe embaixo) e a mesma introdução de uma música real feita duas vezes, com a música entrando junto com o golpe. A comparação foi aprovada isolada antes de entrar no vídeo, o que poupou renders de 45 min.\n\n- **Mesmo volume dos dois lados.** Os grupos e as introduções são nivelados pelo pico de 400 ms e pelo LUFS, e a comparação passa num bus sem curva automática; sem isso, a curva deixava o comum 7 dB mais baixo e a prova ficava injusta.\n\n- **Cada etapa é mostrada acontecendo, na tela e no som.** O link da playlist é copiado no Spotify (••• → Compartilhar → Copiar link) e colado no chat; na separação, a tira de papel se rasga em duas enquanto se ouve só a voz e depois só o beat.\n\n- **A identidade vem da música de exemplo.** Com a SICKO MODE, o vídeo inteiro veste a colagem do universo do Travis Scott: papel rasgado, fita, marcador, fotos em sépia, cartaz condensado e grão de filme. Título com uma palavra em serifa itálica ficou proibido, porque dava cara de IA.\n\n- **Tudo que é tela vira print colado**, levemente torto, e cada cena tem pelo menos 3 elementos de colagem que entram na palavra dita ou na batida seguinte.\n\n- **A cama é o instrumental da própria música**, em 5 trechos, e a virada de batida famosa cai no \"bora pro processo\". Câmera, carimbos e entradas seguem a grade de batidas medida.\n\n- **Sons variados, tonal só nas viradas.** Cada tipo de evento gira por um banco grande de efeitos (papel, fita, rasgo, foto, pop, clique), sem repetir o mesmo arquivo em sequência; pops amontoados ficam mudos. O tonal fica para as etapas, para um a cada três carimbos e para as viradas de batida, e o sino só toca no logo final.\n\n- **Fotos reais de tudo o que é citado:** o canal e o vídeo do Multiply, a playlist com as capas do Spotify, o Travis recortado no solo da voz, a TR-808, os instrumentos dos tonais e as capas da Film Score Collection com o preço.\n\n- **Respiro antes do fechamento:** 0,7 s entre o edit pronto e o \"E aí, curtiu?\", com fade de 1,5 s.\n\nDetalhes de cores, fontes e som: estilo.md. Falas, cenas por tempo e prompts da tela: roteiro.md. Para fazer o mesmo com o seu assunto: PROMPT.md."
+    },
+    {
+      "titulo": "As versões até o final",
+      "texto": "| \n\n | Versão\n | O que mudou\n\n | v1\n | música de exemplo \"Whose Side Are You On\", identidade escura do Clube do Motion com verde e serifa itálica, cama de documentário do YouMotion e a prova A/B com a música; 2:40\n\n | v2\n | \"Not Like Us\" no lugar, tipografia dos templates do YouMotion, mais elementos por cena (técnicas dos Reels da Shelby), afinador e a cena \"a diferença em 2 sons\"; 2:48,7\n\n | v3\n | SICKO MODE como exemplo, 3 direções de estilo em quadros parados e a escolha da colagem \"Cactus Jack\", gancho com o Reel do Soldier, cama no instrumental e tudo preso à batida\n\n | v4\n | sons de interface variados, sino só no logo e mini edits de 13 s só com efeitos comuns e só com tonais\n\n | **v5**\n | aprovada: a comparação recriada do Multiply (grupos de 3 efeitos e a mesma introdução da SICKO MODE) entra no lugar da cena da diferença, e os cartões da etapa 3 usam os mesmos sons; 2:52,6"
+    }
+  ],
+  "pacote": [
+    {
+      "pasta": "projeto/",
+      "conteudo": "`comp/index.html` (o Reel inteiro) e `comp/comparacao.html` (só a comparação, para aprovar à parte), `comp/js/` (a base da colagem e as 9 cenas), `comp/dados/` (tempos das falas, batidas, ondas, a medição da SICKO MODE e a comparação), `comp/fonts/` (Big Shoulders Display, Permanent Marker, Inter 18pt, DM Sans, Playfair, Roboto Mono e outras), `comp/assets/` (símbolo do Claude e os quadros do Reel do Soldier usados no gancho), `estilos/` (as 3 direções testadas em quadros parados, com o HTML que as gera) e `take-unico/` (o motor)"
+    },
+    {
+      "pasta": "audio/",
+      "conteudo": "`montar_voz.py` (a linha do tempo do vídeo), `gerar_voz.py`, as 13 falas (`pNN.mp3`, `pNN-1.2x.wav` e os tempos das palavras), `trilha.py` (o som inteiro), `eventos.json`, `tempo.json`, `mix.wav` (a mix final), `sicko/` (medição, grade de batidas, edit tonal, separação e mini edits, em scripts e planos), `comparacao/` (`montar.py` e `sons.py`, que montam a comparação, e o roteiro com os tempos), `sfx-colagem/fatiar.py`, `mesa/` (o mixador) e `sfx/` (os dois carimbos)"
+    },
+    {
+      "pasta": "referencias/",
+      "conteudo": "a direção visual da v3 (colagem \"Cactus Jack\"), a da v1 e a receita da v2, o roteiro de produção com o texto original, o README do projeto, os estudos dos vídeos do Multiply Sound, o catálogo do YouMotion, o tutorial do take único, `links.md` e `fora-do-pacote.md`"
+    },
+    {
+      "pasta": "render.mp4",
+      "conteudo": "o Reel final (v5)"
+    },
+    {
+      "pasta": "audio/montar_voz.py",
+      "conteudo": "dono único da linha do tempo: põe cada fala no seu segundo (`FALAS`) e cada demonstração de som (`DEMOS`: Reel do gancho, Multiply, separação, comparação, resultado), grava `voz.wav`, `tempo.json` e `comp/dados/tempo.js` com o tempo de cada palavra"
+    },
+    {
+      "pasta": "comp/js/base.js",
+      "conteudo": "kit da colagem: `colar` (print com borda de papel, inclinação e fita), `fita`, `rabisco` (círculo, sublinhado, seta, X e check que se desenham), `marcador`, `recorte` (foto em sépia), `carimbo`, `rasgo` e `tituloEtapa`; legenda, trilho das etapas e fundo com grão"
+    },
+    {
+      "pasta": "comp/js/main.js",
+      "conteudo": "monta as cenas, lê `dados/batidas.js` (`BATIDA`, `COMPASSO`, `PROX_BATIDA`) e expõe o contrato do motor (`__seek`, `__events`)"
+    },
+    {
+      "pasta": "audio/sicko/",
+      "conteudo": "`grade.py` (batidas e compassos com o beat_this, instrumental inteiro), `montar_sicko.py` (edit tonal, separação, medidas e `comp/dados/sicko.js`), `trio.py` e `mini.py` (os testes de comparação) e `util.py` (nível, limitador, croma)"
+    },
+    {
+      "pasta": "audio/comparacao/montar.py",
+      "conteudo": "monta os dois grupos e as duas introduções nas mesmas posições, nivelados pelo pico de 400 ms e pelo LUFS, e grava `comparacao.wav` e `comp/dados/comparacao.js`"
+    },
+    {
+      "pasta": "audio/trilha.py",
+      "conteudo": "na Mesa: voz, cama do instrumental em 5 trechos, as demonstrações com o som real, a comparação num bus sem curva automática, um som por evento girando por bancos grandes, tonais só nas viradas e caudas de sala; grava `comp/dados/batidas.js`"
+    },
+    {
+      "pasta": "take-unico/render_take.py",
+      "conteudo": "renderiza a composição com obturador de 180°; `--stills`, `--previa`, `--trechos 4`, `--workers` e `--retomar`"
+    }
+  ],
+  "prompt": "Quero um tutorial vertical narrado no mesmo método do projeto \"o processo por trás do edit cinematográfico\", que está em 07-videos/projetos/processo-edit-tonal/.\n\nAssunto do tutorial (o processo que vou ensinar): {{ASSUNTO}}\nEtapas do processo, na ordem (de 3 a 5): {{ETAPAS}}\nA minha fala, solta (edite para ficar curta e clara, sem trocar as ideias nem o jeito de falar): {{FALA}}\nA prova A/B (o que a pessoa vai ver ou ouvir lado a lado, nas mesmas posições): {{PROVA}}\nMúsica de exemplo e cama (arquivo da faixa): {{MUSICA}}\nPasta dos efeitos tonais e dos efeitos comuns: {{EFEITOS}}\nReferência citada no vídeo (canal, vídeo ou criador, com link): {{REFERENCIA}}\nVoz (ElevenLabs, ID da voz clonada ou da voz escolhida): {{VOZ}}\nChamada final (o que a pessoa comenta ou acessa): {{CTA}}\nFormato: 1080×1920, 60 qps · Duração: {{DURACAO}} (a referência tem 2:53)\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: LEIA-ME.md, estilo.md, roteiro.md e referencias/direcao-v3-cactus-jack.md. Depois abra audio/montar_voz.py (a linha do tempo), comp/js/base.js (o kit da colagem), comp/js/cmp-multiply.js (a comparação), audio/comparacao/montar.py e audio/trilha.py. Me explique em poucas linhas o que você vai reaproveitar e o que muda no meu assunto.\n\n2. Edite a minha fala: frases mais curtas, uma ideia por frase, a ordem \"o que gera a pergunta → referência → etapas → prova → explicação → onde achar → chamada\". Não invente ideia nova. Escreva os termos estrangeiros como se fala para a voz (ex.: \"IÁ\", \"édit\"). Me mande para aprovar e só siga com a aprovada.\n\n3. Gere a voz na ElevenLabs, uma fala por trecho, e confira o texto no Whisper. Me mande o áudio inteiro com respiros para aprovar. Com a voz aprovada, monte a linha do tempo no montar_voz.py: cada fala no seu segundo e cada demonstração de som (o vídeo do gancho, a referência, cada etapa com som real, a prova, o resultado) no seu trecho.\n\n4. Meça a música antes de animar: tom, BPM, batidas e compassos (beat_this), as viradas de batida e os trechos com voz forte. A cama é o instrumental da própria música, e a virada mais forte cai na frase que abre o processo.\n\n5. Monte a prova isolada primeiro, só o trecho, em comparacao.html: os dois lados com os mesmos efeitos nas mesmas posições, mesmo volume (pico de 400 ms e LUFS), num bus sem curva automática. Se for de som, faça como o Multiply: grupos de 3 efeitos sem música e depois a mesma introdução de uma música real feita duas vezes, com a música entrando junto com o golpe. Me mande para aprovar antes de pôr no vídeo.\n\n6. Proponha 3 direções visuais em quadros parados, tiradas do assunto ou da música de exemplo (a deste projeto é a colagem do universo do artista). Eu escolho uma. Escreva as regras e o kit dela num arquivo de direção, com cores de sentido fixo (o certo, o errado, a música e a voz).\n\n7. Anime cena por cena: cada etapa mostrada acontecendo, com o gesto real na interface (copiar o link, colar no chat, enviar, receber), tudo que é tela impresso e colado, pelo menos 3 elementos por cena, cada um entrando na palavra dita ou na batida seguinte, e nada parado morto. Pessoa, produto ou lugar citado entra com imagem real.\n\n8. Som pelos eventos, na Mesa: um som por elemento que entra ou sai, girando por bancos grandes para não repetir, pops amontoados mudos, tonal só nas viradas e nas etapas, caudas de sala no fim de cada demonstração. Final a −14 LUFS, pico verdadeiro abaixo de −1 dBFS, música uns 17 dB abaixo da voz.\n\n9. Revise antes do final: folhas de quadros de cada cena, prévia rápida com som e uma IA que assista com áudio, perguntando onde a explicação fica confusa, onde a tela fica carregada e onde o movimento para morto. Confira cada apontamento antes de mexer.\n\n10. Final a 60 qps com obturador de 180°, em trechos de 4 s e no máximo 2 navegadores (com --retomar se cair). Confira duração, qps e −14 LUFS e entregue o MP4, uma cópia leve para o celular e uma anotação do que mudou em relação à referência.",
+  "campos": [
+    "ASSUNTO",
+    "CTA",
+    "DURACAO",
+    "EFEITOS",
+    "ETAPAS",
+    "FALA",
+    "MUSICA",
+    "PROVA",
+    "REFERENCIA",
+    "VOZ"
+  ],
+  "fonte": {
+    "nome": "Clube do Motion",
+    "url": "https://clubedomotion.com/projeto/?id=processo-edit-tonal",
+    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
+  }
+}

package/lib/estudio/dados/projetos/clube-processo-motion-100-ia.json

@@ -0,0 +1,109 @@
+{
+  "id": "clube-processo-motion-100-ia",
+  "titulo": "100% IA, do roteiro ao motion",
+  "categoria": "narrado",
+  "resumo": "tutorial narrado em duas partes (2:56 e 1:36) que abre o processo de um vídeo de motion feito só com IA, em quatro passos: referência, identidade visual, som e elementos. Ninguém aparece na tela. O gancho é uma apresentação à parte, no escuro, com rap, impacto no \"Como\" e fim de trailer; depois de um respiro, um flash abre o tutorial claro. Do passo 1 em diante, a legenda fica curta e a tela é do elemento que desenha a palavra-chave de cada frase: a lupa que procura e não acha nada, a pasta que vira pilar, o Face ID em \"irreplicável\", o \"tudum\" da Netflix em \"marca\". Tudo é um take único em HTML com o quadro calculado pelo tempo, renderizado a 60 qps com desfoque de movimento. Feito pelo Clube do Motion.",
+  "indicado": "criador ou estúdio que quer explicar um processo, uma ferramenta ou um método com a própria voz (gravada ou clonada); série educativa de um perfil de motion, design ou IA; qualquer tutorial longo que precise segurar a atenção por mais de 2 minutos.",
+  "estilo": [
+    "tutorial narrado",
+    "palavra-chave desenhada",
+    "legenda curta",
+    "gancho no escuro",
+    "flash de transição",
+    "emojis animados",
+    "logos e sons reais das marcas",
+    "figurinhas de meme",
+    "fundo branco quente",
+    "take único"
+  ],
+  "ficha": {
+    "formato": "1080×1920, 60 qps, 9:16, H.264 com AAC",
+    "duracao": "Parte 1: 176,4 s (falas 01–22, passos 1 a 3) · Parte 2: 96,3 s (falas 23–33, passo 4 e ferramentas). O `render.mp4` junta as duas",
+    "motor": "html",
+    "voz": "ElevenLabs, Eleven v4, voz clonada (estabilidade 0,5, similaridade 0,75, velocidade 1,12) e acelerada 1,2× na pós; 33 falas gravadas uma a uma",
+    "musica": "gancho: \"Still D.R.E.\" (instrumental), com a bateria caindo no impacto; tutorial: \"Aruarian Dance\" (Nujabes), que pausa quando um vídeo mostrado tem som e volta de onde parou",
+    "fontes": "ver o guia de estilo"
+  },
+  "etapas": [
+    {
+      "titulo": "Leia-me",
+      "texto": "# Como fazer esse estilo de vídeo usando 100% IA: o tutorial em duas partes\n\n> Data: 2026-10-17 · Tipo: projeto · Status: aprovado · Id: processo-motion-100-ia\n\n**Resumo:** tutorial narrado em duas partes (2:56 e 1:36) que abre o processo de um vídeo de motion feito só com IA, em quatro passos: referência, identidade visual, som e elementos. Ninguém aparece na tela. O gancho é uma apresentação à parte, no escuro, com rap, impacto no \"Como\" e fim de trailer; depois de um respiro, um flash abre o tutorial claro. Do passo 1 em diante, a legenda fica curta e a tela é do elemento que desenha a palavra-chave de cada frase: a lupa que procura e não acha nada, a pasta que vira pilar, o Face ID em \"irreplicável\", o \"tudum\" da Netflix em \"marca\". Tudo é um take único em HTML com o quadro calculado pelo tempo, renderizado a 60 qps com desfoque de movimento. Feito pelo Clube do Motion.\n\n## Descrição\n\nTutorial vertical narrado para quem quer ensinar um método sem aparecer na câmera e sem cair no \"teleprompter\", aquele vídeo em que o texto inteiro corre na tela. A primeira parte começa com um gancho de 12 s no escuro: rap, golpe grave na primeira palavra, 🤔 com interrogação, um opener de IA tocando com o som dele, \"100%\" contando e uma figurinha de meme. Fecha como fim de trailer, respira e um flash abre o mundo claro do tutorial. Cada passo começa com um emoji gigante e o número, sozinhos na tela. Durante a fala, só um elemento por vez ocupa o palco e desenha a ideia da frase, e a legenda mostra no máximo seis palavras. Marcas citadas aparecem com a assinatura e o som delas, notificações tocam o som real do app e os vídeos mostrados tocam com o próprio áudio. A segunda parte compara o mesmo texto falado sem nada na tela e depois \"desenhado\" com logos, foto e o vídeo real, e termina com as ferramentas entrando num dock e uma DM.\n\n- **Indicado para:** criador ou estúdio que quer explicar um processo, uma ferramenta ou um método com a própria voz (gravada ou clonada); série educativa de um perfil de motion, design ou IA; qualquer tutorial longo que precise segurar a atenção por mais de 2 minutos.\n- **Estilo:** tutorial narrado, palavra-chave desenhada, legenda curta, gancho no escuro, flash de transição, emojis animados, logos e sons reais das marcas, figurinhas de meme, fundo branco quente, take único\n- **Formato:** 9:16 · 4:33 (Parte 1 2:56 + Parte 2 1:36) · com narração\n\n**Tutorial em vídeo:** em breve.\n\n## O vídeo\n\n| Item | Valor |\n|---|---|\n| Duração | Parte 1: 176,4 s (falas 01–22, passos 1 a 3) · Parte 2: 96,3 s (falas 23–33, passo 4 e ferramentas). O `render.mp4` junta as duas |\n| Formato | 1080×1920, 60 qps, 9:16, H.264 com AAC |\n| Ferramenta | HTML num take único, motor `take-unico` (Chromium sem janela, obturador, trechos em cache, 2 navegadores); som em Python na Mesa |\n| Voz | ElevenLabs, Eleven v4, voz clonada (estabilidade 0,5, similaridade 0,75, velocidade 1,12) e acelerada 1,2× na pós; 33 falas gravadas uma a uma |\n| Música | gancho: \"Still D.R.E.\" (instrumental), com a bateria caindo no impacto; tutorial: \"Aruarian Dance\" (Nujabes), que pausa quando um vídeo mostrado tem som e volta de onde parou |\n| Som | −14,0 LUFS, pico verdadeiro de −1,3 dBFS; música 15 dB abaixo da voz; vídeos mostrados a −20 LUFS sob a voz e −12,5 sem voz; tonais só no gancho e nos heróis de passo |\n| Respiro | a fala 03 entra 1,8 s depois do fim do gancho, para o flash abrir o tutorial |\n| Referências | no catálogo de Referências do Clube: as aberturas de retenção medidas, o Reel do blur por palavra, os dois vídeos da uxpeak (identidade e tutorial), a receita de storyboard da uxpeak, o estudo de UI escaneável, o perfil do @illdari e os templates do YouMotion usados como vídeos mostrados (Ask AI Workflow, AI Opener, Emoji UI, UI Glass Interface, Liquid Glass e UI Smartphone Interface) |\n\n## O que tem no pacote\n\n| Pasta | Conteúdo |\n|---|---|\n| `projeto/` | `comp-a/parte1.html` e `parte2.html` (as duas partes), `comp-a/js/` (o kit `base.js`, o diagrama e a câmera em `main.js` e as cenas `p1a`, `p1b`, `p1c` e `p2`), `comp-a/css/kit.css`, `comp-a/fonts/` (General Sans e Satoshi), `comp-a/dados/` (tempo de cada palavra das duas partes), `comp-a/lib/` (Lottie e os emojis animados), os scripts `audio.py`, `video.py`, `confere.py` e `gerar_emojis.py`, o `BRIEF-A.md`, `assets/` (logos oficiais, ícones das bibliotecas Python e os prints de tela) e `take-unico/` (o motor) |\n| `audio/` | `gerar_voz_completo.py` (as 33 falas na ElevenLabs), `montar_voz.py` (a linha do tempo e os respiros), as falas (`cNN.mp3`, `cNN-1.2x.wav` e os tempos das palavras), `parte1/` e `parte2/` (voz montada, `tempo.json`), os eventos e as mixes finais (`mix-p1.wav`, `mix-p2.wav`), `mesa/` (o mixador) e `SFX.md` (a lista de cada efeito, com a fonte) |\n| `referencias/` | o README do projeto, os storyboards A e B, o roteiro original, o inventário de assets, os estudos de aberturas, uxpeak, UI escaneável, blur por palavra e @illdari, o tutorial do take único, `links.md` e `fora-do-pacote.md` |\n| `render.mp4` | o Reel final, as duas partes em sequência |\n\nFicam fora do pacote: as músicas (Still D.R.E. instrumental e Aruarian Dance), os trechos de vídeo e o áudio dos templates do YouMotion e do @illdari, o vídeo do Tesla Roadster, a abertura da Disney e o \"tudum\" da Netflix, o jingle do McDonald's, as notificações reais (iPhone, WhatsApp, Instagram, Facebook, iMessage), os sons de ação baixados (caneta, giz, arrastar, carimbo), o áudio e as figurinhas dos memes, a foto do Elon Musk, a miniatura do YouTube e os prints de referência do Pinterest e do Mobbin. O `referencias/fora-do-pacote.md` lista cada arquivo; o `SFX.md` diz de onde veio cada som. Os scripts continuam apontando para eles: ponha os seus com o mesmo nome. As mixes finais, com tudo junto, vêm no pacote.\n\n### Como os scripts funcionam\n\n| Arquivo | O que faz |\n|---|---|\n| `audio/montar_voz.py` | dono da linha do tempo: põe cada fala no seu segundo, com os respiros (`RESPIRO`), e grava `voz.wav`, `tempo.json` e `comp-a/dados/tempo-parteN.js` com o tempo de cada palavra |\n| `comp-a/js/base.js` | o kit: `linhas()` (a letra rolando do gancho), o modo palco (`legenda()`, `palco()`, `passoHeroi()`, `pula()`), os blocos (`janela`, `duo`, `cardClaude`, `bloco`), os itens dentro da frase (`emoji`, `logo`, `mini`, `icones`), `golpe()`, `flash()` e `ev()` (um evento de som) |\n| `comp-a/js/p1a…p2.js` | uma faixa de falas por arquivo; cada elemento entra quando a palavra é dita (`PF(fala, 'palavra')`) e registra o som dele |\n| `comp-a/js/main.js` | diagrama a coluna, move a câmera que nunca para e cumpre o contrato do motor (`__seek`, `__events`, com os trechos de vídeo que têm som) |\n| `comp-a/video.py` | prepara um vídeo mostrado: quadros JPG, o som em WAV e o índice `img/filmes/_indice.js` |\n| `comp-a/audio.py` | a mix na Mesa: exporta os eventos da composição, monta o gancho com o rap, a Aruarian com pausa nos vídeos que têm som, os vídeos no barramento direto e um efeito por evento; grava `mix-pN.wav` a −14 LUFS |\n| `comp-a/confere.py` | lista os avisos do kit: linha larga, palavra que não bate com a fala, item sem tempo |\n| `take-unico/render_take.py` | renderiza com obturador; `--stills`, `--previa`, `--trechos`, `--workers` e `--retomar` |\n\n## Como abrir e renderizar\n\n1. **Junte as pastas:** descompacte `projeto/` em `07-videos/projetos/processo-motion-100-ia/` e ponha a pasta `audio/` do pacote ao lado de `comp-a/`. Copie `projeto/take-unico/` para `07-videos/biblioteca/take-unico/` e `audio/mesa/` para `07-videos/biblioteca/som/`: os HTML carregam `../../../biblioteca/take-unico/take.js` e o `audio.py` importa a Mesa de lá.\n2. **Troque o que é de terceiros:** as suas músicas nos caminhos `MUS` e `DRE` do `audio.py`, os seus vídeos mostrados com `video.py` (mesmo nome do filme) e os seus efeitos e notificações em `audio/sfx/` com os nomes do `fora-do-pacote.md`. Sem eles, as janelas ficam vazias e o som sai sem esses eventos.\n3. **Instale:** Python 3.11 com numpy, soundfile, pyloudnorm, pedalboard e playwright (`playwright install chromium`), além do ffmpeg.\n4. **Voz:** copie `audio/scripts/voz_elevenlabs.py` para `07-videos/scripts/`, troque nele `SUA_VOZ_ELEVENLABS` pelo ID da sua voz, escreva as suas falas no dicionário `C` do `gerar_voz_completo.py` e rode `python audio/gerar_voz_completo.py` e depois `python audio/montar_voz.py`.\n5. **Ver no navegador:** `comp-a/parte1.html?hud` mostra o tempo; `?t=31.2` para num quadro; `?play&som` toca com a mix.\n6. **Conferir e mixar:** `python comp-a/confere.py \"parte1.html?ate=60\"` e `python comp-a/audio.py --parte 1`.\n7. **Vídeo:** `python ../../biblioteca/take-unico/render_take.py comp-a/parte1.html --out render/final-parte1.mp4 --fps 60 --trechos 20 --workers 2 --audio comp-a/audio/mix-p1.wav` (o mesmo para a parte 2) e confira duração, qps e −14 LUFS.\n\n**Pegadinhas:** o cache de trechos é por posição e não por parte; renderize uma parte de cada vez e espere terminar. Use 2 navegadores: com mais, o Windows pode ficar sem memória. Vídeo mostrado tem que começar num quadro com imagem (passe um deslocamento no `toca`), senão a janela abre preta. O perfil escrito na tela (cursor e DM) é `@seu.perfil`: troque em `p1b.js` e `p2.js`.\n\n## Decisões de direção que fizeram o vídeo funcionar\n\n1. **Não é teleprompter.** A versão com o texto inteiro rolando foi recusada. O que passou: legenda curta (até 6 palavras, 2 linhas) e um elemento que desenha a palavra-chave da frase, no instante em que ela é dita, nunca antes.\n2. **O gancho é uma apresentação à parte.** Fundo escuro, rap com golpe grave na primeira palavra, um vídeo de IA tocando com o som dele e um fim de trailer; o tutorial só começa depois de um respiro de 1,8 s e de um flash de câmera.\n3. **Passo N sozinho na tela.** Cada passo abre com um emoji gigante e o número, sem legenda e sem palco; depois, \"Passo n de 4\" fica pequeno no topo.\n4. **Uma peça vira a próxima.** A pasta de referências vira pilar, o pilar ganha um segundo pilar, o brand book vira um card, o pacote vai para o chat do Claude. Corte seco só nos heróis de passo.\n5. **Marca citada mostra a assinatura e o som.** Netflix com o \"tudum\", o arco da Disney sobre o castelo, os arcos do McDonald's com o jingle; a trilha para enquanto elas tocam.\n6. **O som descreve a ação.** Desenhar soa caneta, arrastar soa arrasto, notificação soa o app real. Tonal só no gancho e nos heróis de passo.\n7. **Humor brasileiro com o próprio roteiro:** figurinha de streamer em \"da elite\", com o áudio dele em eco baixo; meme do Mega Brain em \"100% da IA\"; \"vídeo ×1, ×2, ×3\" quando a palavra se repete; óculos descendo em \"pegou a visão?\".\n8. **O exemplo prova a tese.** Na Parte 2, a mesma frase sobre o Tesla aparece primeiro só como texto e depois desenhada, com logos, foto e o vídeo real do carro com som.\n9. **Vídeo mostrado com o som dele**, sempre de referência premium (templates de motion, criadores de UI), nunca dos nossos próprios Reels.\n10. **Nada para morto:** palco com câmera viva (deriva e zoom lento), entrada e saída pelo desfoque e uma curva só, sem quique.\n\nCores, fontes e som: [estilo.md](estilo.md). Falas e cenas por tempo: [roteiro.md](roteiro.md). Para fazer o mesmo com o seu assunto: [PROMPT.md](PROMPT.md).\n\n## Versões\n\n| Versão | O que mudou |\n|---|---|\n| r1–r3 | identidade inspirada num trailer de videogame, quadros de estilo, trilha do jogo; recusada por ser rápida demais, com som demais e storyboard fraco |\n| v3.1 | identidade de estúdio de UI (uxpeak), storyboard com propósito, menos elementos; recusada |\n| v3.2 | princípios do @illdari (peça vira a próxima, desfoque, nada para) em neon escuro; recusada |\n| A | 3 variações de 17 s; a escolhida foi a letra rolando com ícones dentro da frase, no vídeo inteiro; recusada como \"teleprompter\" depois dos primeiros 50 s |\n| B | modo palco: legenda curta e um elemento que desenha a palavra-chave |\n| **C** | aprovada: gancho no escuro com rap, opener de IA e fim de trailer, respiro, flash e as figurinhas de meme |\n"
+    },
+    {
+      "titulo": "Roteiro",
+      "texto": "# Roteiro: como fazer esse estilo de vídeo usando 100% IA\n\n> Data: 2026-10-17 · Tipo: roteiro · Status: aprovado · Projeto: processo-motion-100-ia\n\n**Resumo:** a fala completa em 33 trechos, como foi gravada na voz clonada, com o tempo de entrada de cada um no vídeo final e o que o palco desenha em cada frase. O texto é do autor, escrito solto e corrigido só em português e pronúncia, sem cortar ideias; o original está em `referencias/roteiro-do-projeto.md`. A ordem é: gancho, elite dos vídeos de motion, os quatro passos (referência, identidade visual, som, elementos), as ferramentas e o convite para a DM.\n\n## Parte 1 (176,4 s)\n\n| # | Entra (s) | Fala | O que o palco desenha |\n|---|---|---|---|\n| 01 | 0,35 | Como faço esse estilo de vídeo usando 100% IA no meu processo? | gancho no escuro: \"Como\" chega com o golpe e a bateria do rap; 🤔 com \"?\"; opener de IA tocando com o som dele; \"100%\" contando |\n| 02 | 4,58 | Nesse vídeo, eu vou tentar explicar o meu processo criativo para produzir esse tipo de vídeo usando 100% da inteligência artificial. | \"vídeo ×1, ×2, ×3\" com a piada de repetir a palavra; meme do Mega Brain em \"100% da IA\"; fim de trailer em \"artificial\" |\n| 03 | 12,84 | A ferramenta que eu mais uso aqui é o Claude Code, para fazer esse estilo de vídeo de uma maneira bem rápida. | flash de câmera abre o tutorial claro; logo do Claude dentro da frase; card do Claude trazido pelo cursor; clarão em \"rápida\" |\n| 04 | 18,13 | O resultado fica totalmente diferente do que a IA faz e gera hoje em dia de forma genérica. | \"genérico\" em cinza, com um vídeo feito por IA comum ao lado |\n| 05 | 23,28 | Aqui eu tô falando da elite dos vídeos de motion, mais ou menos nesse estilo aqui: | figurinha do streamer em \"elite\", com o \"elite\" dele em eco baixo; vitrine de templates premium tocando com o som |\n| 06 | 31,11 | Passo um: não existe vídeo diferente sem referência. | herói 🔍 + \"1\"; a lupa varre uma tela vazia e não acha nada 🤷 |\n| 07 | 34,85 | Como você já deve saber, não basta você ter um super prompt bem feito e detalhado, se você não tem referências do estilo que você quer pro seu vídeo. | caixa do prompt; o cursor `@seu.perfil` arrasta 3 prints de referência como anexos |\n| 08 | 42,26 | Aqui, por exemplo, eu uso bastante o estilo de design e de UI da Apple. Então, você já deve ter percebido que muitos dos meus vídeos seguem nesse estilo, que eu particularmente acho bem diferente e que combina bastante com vídeo em motion. | o card vira um iPhone com notificação saindo da Dynamic Island; dois templates estilo Apple; fusão de uma UI de vidro com um play de motion em \"combina\" |\n| 09 | 54,48 | Bom, cada gosto é único, mas o processo é o mesmo: referência é um dos pilares principais para a sua IA fazer algo realmente único. | 3 cards de estilos com ❤️; 3 linhas de caneta convergem num caminho até a pasta \"referências\", que vira um pilar 🏛️; o Claude sobe no pilar com ✨ |\n| 10 | 62,55 | Passo dois: identidade visual. | herói 🎨 + \"2\" |\n| 11 | 65,15 | Sim, a identidade visual do seu vídeo é um dos pilares que fazem dele ser algo irreplicável. | brand book abrindo (paleta, \"Aa\", ícones); segundo pilar; Face ID com check em \"irreplicável\" |\n| 12 | 70,24 | Provavelmente você, que tá aí me assistindo, sabe que marca bem feita e bem posicionada é importante para qualquer negócio. Esse mesmo conceito também é importante para construir um vídeo bem feito, e casa muito com as referências que você manda. | 🫵 aponta, 👀 olha; Netflix com o \"tudum\", arco da Disney, arcos do McDonald's com o jingle; fachada que vira player; 💍 player + referências |\n| 13 | 82,72 | Então, é importante que você já tenha uma identidade visual do seu vídeo em mente, para que as referências que você buscar sejam relevantes para o seu agente construir com base no branding que você escolheu. | 🧠 com o brand book girando; busca no Pinterest com pins; o Claude constrói um card tijolo a tijolo; o brand book carimba \"aprovado\" |\n| 14 | 92,46 | Passo três: o som e a trilha sonora. | herói 🔊 + \"3\" |\n| 15 | 95,39 | Eu já venho batendo há um tempo, nos vídeos anteriores, sobre sound design. Isso é muito importante para que o seu vídeo e o áudio do seu vídeo conversem. | tecla \"sound design\" afundando 3 vezes; 🎬 e 🔊 trocando ondas de som |\n| 16 | 103,21 | Não adianta nada você ter um vídeo que seja muito bom e muito bem editado se ele não estiver vivo. Quem dá esse avivamento para o seu vídeo é justamente a sua trilha sonora e os seus elementos sonoros, que você usa em cada componente que aparece na tela, no momento certo. | eletrocardiograma reto que ganha pulso; régua de sincronia com a agulha passando pelos apps; ⏱️ para num marcador verde |\n| 17 | 116,56 | Como eu já falei nos vídeos anteriores, não tem como eu te ensinar sound design. Isso é algo muito particular seu, mas dá para você praticar pesquisando sobre sound design no YouTube. | 🤷 e uma interrogação apagada; busca no YouTube com um resultado real |\n| 18 | 125,71 | Não é tão difícil quanto parece, e é muito mais simples, porque você só tem que entender duas coisas: o elemento tem que ser vivo no seu vídeo, com uma entrada e uma saída; e, nesse meio-tempo que ele está na tela, ele tem que conversar com o seu vídeo. | nó de fio que se desfaz; ✌️ vira ① e ②; notificação que entra, vive e sai |\n| 19 | 138,46 | Por exemplo: olha esse círculo aqui. Eu quero que ele seja como se fosse uma partícula que vai escorrer pelo vídeo inteiro, fazendo um G no meio da tela para construir a marca do Google. | um círculo; o caminho do G desenhado |\n| 20 | 147,54 | Se essa partícula for apenas um elemento sem som, sem efeito sonoro, desenhando na tela, ela é um elemento morto. | a partícula desenha o G em silêncio total |\n| 21 | 156,98 | Agora, a mesma partícula, fazendo a mesma coisa, só que agora sendo um elemento vivo. | a mesma partícula, agora com caneta, rastro e o logo do Google no fim |\n| 22 | 165,52 | Pegou a visão? Não é difícil. Só tem que entender que cada coisa tem que ter um som específico de assimilação, por mais sutil que ele seja, para não atrapalhar o andamento do seu vídeo. | 😎 com os óculos descendo; fecho \"3 de 4 ✓\" e \"Parte 2 →\" |\n\n## Parte 2 (96,3 s)\n\n| # | Entra (s) | Fala | O que o palco desenha |\n|---|---|---|---|\n| 23 | 1,60 | Passo quatro: elementos. | herói ✨ + \"4\" |\n| 24 | 3,81 | Aqui é uma das partes mais importantes, que muita gente erra. Em muitos vídeos que a inteligência artificial faz, quando você não dá o direcionamento correto para ela, o resultado sai muito bem feito, porém muito genérico. | peça de quebra-cabeça que não encaixa 🤦; bússola perdida; grade de clones do mesmo vídeo com 🥱 |\n| 25 | 15,69 | Por exemplo, se eu estiver falando de WhatsApp conectando com Facebook, Instagram e o Elon Musk, no seu vídeo, cada elemento, ícone e imagem tem que aparecer corretamente no tempo em que está sendo falado. Senão, as pessoas não vão entender. | logos com a notificação real de cada app e a foto do Elon, cada um na palavra |\n| 26 | 28,11 | O seu vídeo tem que ser desenhado com base no que está sendo falado no seu áudio. Entendeu? | ✏️ desenha uma onda de áudio; um ícone nasce em cada pico |\n| 27 | 32,66 | Exemplo: \"A Tesla, do Elon Musk, acabou de divulgar ontem no YouTube a demonstração do seu primeiro carro voador.\" | primeiro só o texto, de propósito; depois a mesma frase desenhada: logo da Tesla, foto do Elon, YouTube \"ontem\" e o vídeo do Roadster voando, com som |\n| 28 | 42,23 | Percebe que, quando você desenha na tela o que está falando, é muito mais fácil para a pessoa assimilar o que está acontecendo? Ela fica muito mais entretida no seu vídeo. Senão, o seu vídeo acaba sendo chato! | curva de atenção; 🍿 em \"entretida\" e 😴 em \"chato\" |\n| 29 | 52,58 | Entendendo e aplicando esses passos, agora é só juntar tudo isso e mandar pra sua IA. Com as ferramentas necessárias, você vai ter, com certeza, um vídeo diferente de 99% dos vídeos de motion que tão rodando por aí. | os 4 ícones dos passos viram um pacote; o cursor leva o pacote ao chat do Claude e envia; contador até 99% e o 1% que pula para fora 🔥 |\n| 30 | 63,87 | As ferramentas que eu uso estão aparecendo na tela agora: | dock de vidro |\n| 31 | 66,96 | After Effects e EffectCraft, que é open source. Remotion, bem raramente. ElevenLabs, para gerar essa voz aqui narrada. Spotify, para as playlists de música. Mobbin, um MCP para buscar referência de tela e de UI. As referências de projetos do Clube do Motion. E bibliotecas Python, como librosa, Whisper, Essentia e Playwright. | cada logo pula para o dock no instante falado; cadeado abrindo em \"open source\"; Remotion pequeno e cinza em \"raramente\"; prints reais da ElevenLabs e do Spotify |\n| 32 | 86,31 | E, obviamente, o Claude Code, que faz todo o trabalho pesado. Eu só penso no roteiro, basicamente. | as ferramentas pulam \"trabalhando\"; o Claude levanta um haltere 💪; `roteiro.md` escrito à mão |\n| 33 | 92,00 | É isso. Tem alguma dúvida? Chama na DM! | DM do Instagram com `seu.perfil`: a mensagem é digitada e enviada com o som do iMessage |\n\n## Notas da voz\n\n- Para a voz, \"IA\" foi escrito \"IÁ\", \"Claude\" foi escrito \"Clód\", \"UI\" foi escrito \"iú ái\" e \"After Effects\", \"Áfter Éfects\", como se fala. Em \"para a sua IA\", a sigla foi entre aspas para a voz não emendar as palavras.\n- ElevenLabs, Eleven v4, velocidade 1,12, e depois 1,2× no ffmpeg (`atempo`). Os tempos de cada palavra saem da própria ElevenLabs, divididos por 1,2.\n- Respiro de 1,8 s antes da fala 03 (fim do gancho → flash → tutorial).\n"
+    },
+    {
+      "titulo": "Estilo",
+      "texto": "# Estilo do vídeo: como fazer esse estilo de vídeo usando 100% IA\r\n\r\n> Data: 2026-10-17 · Tipo: guia · Status: vigente · Projeto: processo-motion-100-ia\r\n\r\n**Resumo:** dois mundos. O gancho é escuro (`#0B0B0F`), com rap e golpes, como uma apresentação. O tutorial é claro: fundo branco quente com duas luzes muito fracas que derivam, tinta quase preta, azul só para vídeo e estilo, terracota só para IA e Claude, cinza para o genérico. Tipografia General Sans. A tela é do elemento que desenha a palavra-chave; a legenda fica embaixo, curta. Números tirados do `kit.css`, do `base.js`, do `p1a.js` e do `audio.py`.\r\n\r\n## De onde veio o estilo\r\n\r\nAntes do estilo final foram testadas 5 direções em vídeo: identidade de trailer de videogame, estúdio de UI, neon escuro, letra rolando e modo palco. A aprovada foi o modo palco (storyboard B) com o gancho da rodada C. O storyboard B, frase a frase, está em `referencias/storyboard-b.md`.\r\n\r\n## Paleta\r\n\r\n| Chave | Valor | Uso |\r\n|---|---|---|\r\n| fundo | `#F4F3EF` | branco quente do tutorial |\r\n| tinta | `#131313` | texto e traços |\r\n| azul | `#2F55F4` | só para **vídeo e estilo** (palavras com a marca `a|`) |\r\n| terracota | `#D97757` | só para **IA e Claude** (marca `o|`) |\r\n| cinza | `#A19E96` | o que é genérico ou ruim (marca `c|`) |\r\n| luzes | azul a 10% e terracota a 13% | dois círculos de 1.300 a 1.400 px que derivam devagar no fundo |\r\n| gancho | `#0B0B0F`, azul `#6F8BFF`, terracota `#F0946F` | o mundo escuro antes do flash |\r\n| grão | ruído a 7% em multiplicar | por cima de tudo, para tirar o digital liso |\r\n\r\nCor tem sentido fixo: uma palavra azul sempre fala de vídeo; uma terracota, de IA.\r\n\r\n## Tipografia\r\n\r\n- **General Sans** 500, 600 e 700. Letra rolando do gancho: 120 px, entrelinha de 136 px, espaçamento −0,042 em. Legenda do modo palco: 80 px, centro em y = 1.530, no máximo 6 palavras e 2 linhas.\r\n- **Satoshi** em detalhes de interface.\r\n- A palavra nasce do desfoque no tempo exato da fala; a palavra-chave chega maior e mais desfocada e acende na cor no mesmo instante em que o palco a desenha.\r\n- Sem caixa nem balão em volta do texto.\r\n\r\n## Composição\r\n\r\n- **Palco:** o elemento da frase fica em volta de y = 760 (o kit desce tudo 60 px; o centro real é ≈ 820), crescendo 1,2 a 1,35× quando precisa. Nada passa das bordas de 1.080 px.\r\n- **Herói do passo:** emoji animado de 420 px no centro e o número num círculo azul de 200 px, sozinhos; legenda e palco somem; depois, \"Passo n de 4\" pequeno no topo.\r\n- **Vídeo mostrado:** janela de 912 × 513 (ou vertical 440 px de largura), com raio grande, sombra larga e o som do próprio vídeo.\r\n- **Prints reais:** cartão branco com sombra; a imagem a 150% de largura, recortada no que importa.\r\n- **Notificações:** saem da Dynamic Island de um iPhone desenhado em HTML, com o som real do app.\r\n\r\n## Movimento\r\n\r\n- **Curva única** `bezier(0,16, 1, 0,3, 1)` para entrar e assentar; `bezier(0,55, 0, 0,2, 1)` para atravessar; sem quique. A mola com overshoot (`0,2, 1,25, 0,3, 1`) só em figurinha e emoji que \"estampam\".\r\n- **Entrada e saída pelo desfoque**, com o elemento subindo um pouco; ou a peça vira a próxima.\r\n- **Câmera viva:** a coluna sobe até a linha da vez em 0,62 s e nunca para; o palco deriva e faz um zoom lento.\r\n- **Gancho:** golpes de escala em 0,30, 5,47 e 8,08 s, fim de trailer em \"artificial\" e flash de câmera 0,22 s antes da fala 03.\r\n- Pergunta de controle em cada movimento: está humano ou robotizado? Robotizado é o que anima, para morto e ressuscita.\r\n\r\n## Som\r\n\r\n| Camada | Como foi feito |\r\n|---|---|\r\n| Voz | ElevenLabs, voz clonada, 1,2× na pós; é a referência de volume |\r\n| Gancho | instrumental de rap com a bateria caindo no impacto de 0,30 s; golpe grave em Lá com sub; riser até o fim de trailer; golpe de metais, sino e piano com cauda longa |\r\n| Trilha do tutorial | jazz hop instrumental que entra no flash (na entrada da bateria da faixa) e pausa, com fade de 0,3 s, sempre que um vídeo mostrado tem som; volta de onde parou |\r\n| Vídeos mostrados | o som original, a −20 LUFS sob a voz e −12,5 sem voz, num barramento sem curva automática |\r\n| Efeitos | um por elemento que entra ou sai, do mapa padrão da Mesa, sutis (v ≈ 0,22); o som descreve a ação (caneta, arrasto, carimbo, encaixe) |\r\n| Marcas e apps | o som-assinatura real (tudum, jingle, notificação do WhatsApp, Instagram, Facebook, iPhone, iMessage) |\r\n| Meme | o áudio da figurinha em eco, a −20 LUFS |\r\n| Master | −14,0 LUFS, pico verdadeiro de −1,3 dBFS, música 15 dB abaixo da voz |\r\n\r\nTonal só no gancho e nos heróis de passo; nada de tonal em elemento comum.\r\n\r\n## Emojis, logos e fotos\r\n\r\n- Emojis animados em Lottie (`comp-a/lib/emojis.js`, gerado por `gerar_emojis.py`), nunca o emoji parado do sistema.\r\n- Logos oficiais em SVG (`assets/logos/`), ícones das bibliotecas Python (`assets/python/`).\r\n- Pessoa citada entra com foto real; produto citado, com o vídeo real; plataforma, com o print real da tela.\r\n"
+    },
+    {
+      "titulo": "O roteiro e a voz",
+      "texto": "**Resumo:** a fala completa em 33 trechos, como foi gravada na voz clonada, com o tempo de entrada de cada um no vídeo final e o que o palco desenha em cada frase. O texto é do autor, escrito solto e corrigido só em português e pronúncia, sem cortar ideias; o original está em `referencias/roteiro-do-projeto.md`. A ordem é: gancho, elite dos vídeos de motion, os quatro passos (referência, identidade visual, som, elementos), as ferramentas e o convite para a DM.\n\n## Parte 1 (176,4 s)\n\n | \n\n | #\n | Entra (s)\n | Fala\n | O que o palco desenha\n\n | 01\n | 0,35\n | Como faço esse estilo de vídeo usando 100% IA no meu processo?\n | gancho no escuro: \"Como\" chega com o golpe e a bateria do rap; 🤔 com \"?\"; opener de IA tocando com o som dele; \"100%\" contando\n\n | 02\n | 4,58\n | Nesse vídeo, eu vou tentar explicar o meu processo criativo para produzir esse tipo de vídeo usando 100% da inteligência artificial.\n | \"vídeo ×1, ×2, ×3\" com a piada de repetir a palavra; meme do Mega Brain em \"100% da IA\"; fim de trailer em \"artificial\"\n\n | 03\n | 12,84\n | A ferramenta que eu mais uso aqui é o Claude Code, para fazer esse estilo de vídeo de uma maneira bem rápida.\n | flash de câmera abre o tutorial claro; logo do Claude dentro da frase; card do Claude trazido pelo cursor; clarão em \"rápida\"\n\n | 04\n | 18,13\n | O resultado fica totalmente diferente do que a IA faz e gera hoje em dia de forma genérica.\n | \"genérico\" em cinza, com um vídeo feito por IA comum ao lado\n\n | 05\n | 23,28\n | Aqui eu tô falando da elite dos vídeos de motion, mais ou menos nesse estilo aqui:\n | figurinha do streamer em \"elite\", com o \"elite\" dele em eco baixo; vitrine de templates premium tocando com o som\n\n | 06\n | 31,11\n | Passo um: não existe vídeo diferente sem referência.\n | herói 🔍 + \"1\"; a lupa varre uma tela vazia e não acha nada 🤷\n\n | 07\n | 34,85\n | Como você já deve saber, não basta você ter um super prompt bem feito e detalhado, se você não tem referências do estilo que você quer pro seu vídeo.\n | caixa do prompt; o cursor `@seu.perfil` arrasta 3 prints de referência como anexos\n\n | 08\n | 42,26\n | Aqui, por exemplo, eu uso bastante o estilo de design e de UI da Apple. Então, você já deve ter percebido que muitos dos meus vídeos seguem nesse estilo, que eu particularmente acho bem diferente e que combina bastante com vídeo em motion.\n | o card vira um iPhone com notificação saindo da Dynamic Island; dois templates estilo Apple; fusão de uma UI de vidro com um play de motion em \"combina\"\n\n | 09\n | 54,48\n | Bom, cada gosto é único, mas o processo é o mesmo: referência é um dos pilares principais para a sua IA fazer algo realmente único.\n | 3 cards de estilos com ❤️; 3 linhas de caneta convergem num caminho até a pasta \"referências\", que vira um pilar 🏛️; o Claude sobe no pilar com ✨\n\n | 10\n | 62,55\n | Passo dois: identidade visual.\n | herói 🎨 + \"2\"\n\n | 11\n | 65,15\n | Sim, a identidade visual do seu vídeo é um dos pilares que fazem dele ser algo irreplicável.\n | brand book abrindo (paleta, \"Aa\", ícones); segundo pilar; Face ID com check em \"irreplicável\"\n\n | 12\n | 70,24\n | Provavelmente você, que tá aí me assistindo, sabe que marca bem feita e bem posicionada é importante para qualquer negócio. Esse mesmo conceito também é importante para construir um vídeo bem feito, e casa muito com as referências que você manda.\n | 🫵 aponta, 👀 olha; Netflix com o \"tudum\", arco da Disney, arcos do McDonald's com o jingle; fachada que vira player; 💍 player + referências\n\n | 13\n | 82,72\n | Então, é importante que você já tenha uma identidade visual do seu vídeo em mente, para que as referências que você buscar sejam relevantes para o seu agente construir com base no branding que você escolheu.\n | 🧠 com o brand book girando; busca no Pinterest com pins; o Claude constrói um card tijolo a tijolo; o brand book carimba \"aprovado\"\n\n | 14\n | 92,46\n | Passo três: o som e a trilha sonora.\n | herói 🔊 + \"3\"\n\n | 15\n | 95,39\n | Eu já venho batendo há um tempo, nos vídeos anteriores, sobre sound design. Isso é muito importante para que o seu vídeo e o áudio do seu vídeo conversem.\n | tecla \"sound design\" afundando 3 vezes; 🎬 e 🔊 trocando ondas de som\n\n | 16\n | 103,21\n | Não adianta nada você ter um vídeo que seja muito bom e muito bem editado se ele não estiver vivo. Quem dá esse avivamento para o seu vídeo é justamente a sua trilha sonora e os seus elementos sonoros, que você usa em cada componente que aparece na tela, no momento certo.\n | eletrocardiograma reto que ganha pulso; régua de sincronia com a agulha passando pelos apps; ⏱️ para num marcador verde\n\n | 17\n | 116,56\n | Como eu já falei nos vídeos anteriores, não tem como eu te ensinar sound design. Isso é algo muito particular seu, mas dá para você praticar pesquisando sobre sound design no YouTube.\n | 🤷 e uma interrogação apagada; busca no YouTube com um resultado real\n\n | 18\n | 125,71\n | Não é tão difícil quanto parece, e é muito mais simples, porque você só tem que entender duas coisas: o elemento tem que ser vivo no seu vídeo, com uma entrada e uma saída; e, nesse meio-tempo que ele está na tela, ele tem que conversar com o seu vídeo.\n | nó de fio que se desfaz; ✌️ vira ① e ②; notificação que entra, vive e sai\n\n | 19\n | 138,46\n | Por exemplo: olha esse círculo aqui. Eu quero que ele seja como se fosse uma partícula que vai escorrer pelo vídeo inteiro, fazendo um G no meio da tela para construir a marca do Google.\n | um círculo; o caminho do G desenhado\n\n | 20\n | 147,54\n | Se essa partícula for apenas um elemento sem som, sem efeito sonoro, desenhando na tela, ela é um elemento morto.\n | a partícula desenha o G em silêncio total\n\n | 21\n | 156,98\n | Agora, a mesma partícula, fazendo a mesma coisa, só que agora sendo um elemento vivo.\n | a mesma partícula, agora com caneta, rastro e o logo do Google no fim\n\n | 22\n | 165,52\n | Pegou a visão? Não é difícil. Só tem que entender que cada coisa tem que ter um som específico de assimilação, por mais sutil que ele seja, para não atrapalhar o andamento do seu vídeo.\n | 😎 com os óculos descendo; fecho \"3 de 4 ✓\" e \"Parte 2 →\"\n\n## Parte 2 (96,3 s)\n\n | \n\n | #\n | Entra (s)\n | Fala\n | O que o palco desenha\n\n | 23\n | 1,60\n | Passo quatro: elementos.\n | herói ✨ + \"4\"\n\n | 24\n | 3,81\n | Aqui é uma das partes mais importantes, que muita gente erra. Em muitos vídeos que a inteligência artificial faz, quando você não dá o direcionamento correto para ela, o resultado sai muito bem feito, porém muito genérico.\n | peça de quebra-cabeça que não encaixa 🤦; bússola perdida; grade de clones do mesmo vídeo com 🥱\n\n | 25\n | 15,69\n | Por exemplo, se eu estiver falando de WhatsApp conectando com Facebook, Instagram e o Elon Musk, no seu vídeo, cada elemento, ícone e imagem tem que aparecer corretamente no tempo em que está sendo falado. Senão, as pessoas não vão entender.\n | logos com a notificação real de cada app e a foto do Elon, cada um na palavra\n\n | 26\n | 28,11\n | O seu vídeo tem que ser desenhado com base no que está sendo falado no seu áudio. Entendeu?\n | ✏️ desenha uma onda de áudio; um ícone nasce em cada pico\n\n | 27\n | 32,66\n | Exemplo: \"A Tesla, do Elon Musk, acabou de divulgar ontem no YouTube a demonstração do seu primeiro carro voador.\"\n | primeiro só o texto, de propósito; depois a mesma frase desenhada: logo da Tesla, foto do Elon, YouTube \"ontem\" e o vídeo do Roadster voando, com som\n\n | 28\n | 42,23\n | Percebe que, quando você desenha na tela o que está falando, é muito mais fácil para a pessoa assimilar o que está acontecendo? Ela fica muito mais entretida no seu vídeo. Senão, o seu vídeo acaba sendo chato!\n | curva de atenção; 🍿 em \"entretida\" e 😴 em \"chato\"\n\n | 29\n | 52,58\n | Entendendo e aplicando esses passos, agora é só juntar tudo isso e mandar pra sua IA. Com as ferramentas necessárias, você vai ter, com certeza, um vídeo diferente de 99% dos vídeos de motion que tão rodando por aí.\n | os 4 ícones dos passos viram um pacote; o cursor leva o pacote ao chat do Claude e envia; contador até 99% e o 1% que pula para fora 🔥\n\n | 30\n | 63,87\n | As ferramentas que eu uso estão aparecendo na tela agora:\n | dock de vidro\n\n | 31\n | 66,96\n | After Effects e EffectCraft, que é open source. Remotion, bem raramente. ElevenLabs, para gerar essa voz aqui narrada. Spotify, para as playlists de música. Mobbin, um MCP para buscar referência de tela e de UI. As referências de projetos do Clube do Motion. E bibliotecas Python, como librosa, Whisper, Essentia e Playwright.\n | cada logo pula para o dock no instante falado; cadeado abrindo em \"open source\"; Remotion pequeno e cinza em \"raramente\"; prints reais da ElevenLabs e do Spotify\n\n | 32\n | 86,31\n | E, obviamente, o Claude Code, que faz todo o trabalho pesado. Eu só penso no roteiro, basicamente.\n | as ferramentas pulam \"trabalhando\"; o Claude levanta um haltere 💪; `roteiro.md` escrito à mão\n\n | 33\n | 92,00\n | É isso. Tem alguma dúvida? Chama na DM!\n | DM do Instagram com `seu.perfil`: a mensagem é digitada e enviada com o som do iMessage\n\n## Notas da voz\n\n- Para a voz, \"IA\" foi escrito \"IÁ\", \"Claude\" foi escrito \"Clód\", \"UI\" foi escrito \"iú ái\" e \"After Effects\", \"Áfter Éfects\", como se fala. Em \"para a sua IA\", a sigla foi entre aspas para a voz não emendar as palavras.\n\n- ElevenLabs, Eleven v4, velocidade 1,12, e depois 1,2× no ffmpeg (`atempo`). Os tempos de cada palavra saem da própria ElevenLabs, divididos por 1,2.\n\n- Respiro de 1,8 s antes da fala 03 (fim do gancho → flash → tutorial)."
+    },
+    {
+      "titulo": "A identidade visual",
+      "texto": "**Resumo:** dois mundos. O gancho é escuro (`#0B0B0F`), com rap e golpes, como uma apresentação. O tutorial é claro: fundo branco quente com duas luzes muito fracas que derivam, tinta quase preta, azul só para vídeo e estilo, terracota só para IA e Claude, cinza para o genérico. Tipografia General Sans. A tela é do elemento que desenha a palavra-chave; a legenda fica embaixo, curta. Números tirados do `kit.css`, do `base.js`, do `p1a.js` e do `audio.py`.\n\n## De onde veio o estilo\n\nAntes do estilo final foram testadas 5 direções em vídeo: identidade de trailer de videogame, estúdio de UI, neon escuro, letra rolando e modo palco. A aprovada foi o modo palco (storyboard B) com o gancho da rodada C. O storyboard B, frase a frase, está em `referencias/storyboard-b.md`.\n\n## Paleta\n\n | \n\n | Chave\n | Valor\n | Uso\n\n | fundo\n | `#F4F3EF`\n | branco quente do tutorial\n\n | tinta\n | `#131313`\n | texto e traços\n\n | azul\n | `#2F55F4`\n | só para **vídeo e estilo** (palavras com a marca `a|`)\n\n | terracota\n | `#D97757`\n | só para **IA e Claude** (marca `o|`)\n\n | cinza\n | `#A19E96`\n | o que é genérico ou ruim (marca `c|`)\n\n | luzes\n | azul a 10% e terracota a 13%\n | dois círculos de 1.300 a 1.400 px que derivam devagar no fundo\n\n | gancho\n | `#0B0B0F`, azul `#6F8BFF`, terracota `#F0946F`\n | o mundo escuro antes do flash\n\n | grão\n | ruído a 7% em multiplicar\n | por cima de tudo, para tirar o digital liso\n\nCor tem sentido fixo: uma palavra azul sempre fala de vídeo; uma terracota, de IA.\n\n## Tipografia\n\n- **General Sans** 500, 600 e 700. Letra rolando do gancho: 120 px, entrelinha de 136 px, espaçamento −0,042 em. Legenda do modo palco: 80 px, centro em y = 1.530, no máximo 6 palavras e 2 linhas.\n\n- **Satoshi** em detalhes de interface.\n\n- A palavra nasce do desfoque no tempo exato da fala; a palavra-chave chega maior e mais desfocada e acende na cor no mesmo instante em que o palco a desenha.\n\n- Sem caixa nem balão em volta do texto.\n\n## Composição\n\n- **Palco:** o elemento da frase fica em volta de y = 760 (o kit desce tudo 60 px; o centro real é ≈ 820), crescendo 1,2 a 1,35× quando precisa. Nada passa das bordas de 1.080 px.\n\n- **Herói do passo:** emoji animado de 420 px no centro e o número num círculo azul de 200 px, sozinhos; legenda e palco somem; depois, \"Passo n de 4\" pequeno no topo.\n\n- **Vídeo mostrado:** janela de 912 × 513 (ou vertical 440 px de largura), com raio grande, sombra larga e o som do próprio vídeo.\n\n- **Prints reais:** cartão branco com sombra; a imagem a 150% de largura, recortada no que importa.\n\n- **Notificações:** saem da Dynamic Island de um iPhone desenhado em HTML, com o som real do app.\n\n## Movimento\n\n- **Curva única** `bezier(0,16, 1, 0,3, 1)` para entrar e assentar; `bezier(0,55, 0, 0,2, 1)` para atravessar; sem quique. A mola com overshoot (`0,2, 1,25, 0,3, 1`) só em figurinha e emoji que \"estampam\".\n\n- **Entrada e saída pelo desfoque**, com o elemento subindo um pouco; ou a peça vira a próxima.\n\n- **Câmera viva:** a coluna sobe até a linha da vez em 0,62 s e nunca para; o palco deriva e faz um zoom lento.\n\n- **Gancho:** golpes de escala em 0,30, 5,47 e 8,08 s, fim de trailer em \"artificial\" e flash de câmera 0,22 s antes da fala 03.\n\n- Pergunta de controle em cada movimento: está humano ou robotizado? Robotizado é o que anima, para morto e ressuscita.\n\n## Som\n\n | \n\n | Camada\n | Como foi feito\n\n | Voz\n | ElevenLabs, voz clonada, 1,2× na pós; é a referência de volume\n\n | Gancho\n | instrumental de rap com a bateria caindo no impacto de 0,30 s; golpe grave em Lá com sub; riser até o fim de trailer; golpe de metais, sino e piano com cauda longa\n\n | Trilha do tutorial\n | jazz hop instrumental que entra no flash (na entrada da bateria da faixa) e pausa, com fade de 0,3 s, sempre que um vídeo mostrado tem som; volta de onde parou\n\n | Vídeos mostrados\n | o som original, a −20 LUFS sob a voz e −12,5 sem voz, num barramento sem curva automática\n\n | Efeitos\n | um por elemento que entra ou sai, do mapa padrão da Mesa, sutis (v ≈ 0,22); o som descreve a ação (caneta, arrasto, carimbo, encaixe)\n\n | Marcas e apps\n | o som-assinatura real (tudum, jingle, notificação do WhatsApp, Instagram, Facebook, iPhone, iMessage)\n\n | Meme\n | o áudio da figurinha em eco, a −20 LUFS\n\n | Master\n | −14,0 LUFS, pico verdadeiro de −1,3 dBFS, música 15 dB abaixo da voz\n\nTonal só no gancho e nos heróis de passo; nada de tonal em elemento comum.\n\n## Emojis, logos e fotos\n\n- Emojis animados em Lottie (`comp-a/lib/emojis.js`, gerado por `gerar_emojis.py`), nunca o emoji parado do sistema.\n\n- Logos oficiais em SVG (`assets/logos/`), ícones das bibliotecas Python (`assets/python/`).\n\n- Pessoa citada entra com foto real; produto citado, com o vídeo real; plataforma, com o print real da tela."
+    },
+    {
+      "titulo": "A montagem em HTML",
+      "texto": "| \n\n | Arquivo\n | O que faz\n\n | `audio/montar_voz.py`\n | dono da linha do tempo: põe cada fala no seu segundo, com os respiros (`RESPIRO`), e grava `voz.wav`, `tempo.json` e `comp-a/dados/tempo-parteN.js` com o tempo de cada palavra\n\n | `comp-a/js/base.js`\n | o kit: `linhas()` (a letra rolando do gancho), o modo palco (`legenda()`, `palco()`, `passoHeroi()`, `pula()`), os blocos (`janela`, `duo`, `cardClaude`, `bloco`), os itens dentro da frase (`emoji`, `logo`, `mini`, `icones`), `golpe()`, `flash()` e `ev()` (um evento de som)\n\n | `comp-a/js/p1a…p2.js`\n | uma faixa de falas por arquivo; cada elemento entra quando a palavra é dita (`PF(fala, 'palavra')`) e registra o som dele\n\n | `comp-a/js/main.js`\n | diagrama a coluna, move a câmera que nunca para e cumpre o contrato do motor (`__seek`, `__events`, com os trechos de vídeo que têm som)\n\n | `comp-a/video.py`\n | prepara um vídeo mostrado: quadros JPG, o som em WAV e o índice `img/filmes/_indice.js`\n\n | `comp-a/audio.py`\n | a mix na Mesa: exporta os eventos da composição, monta o gancho com o rap, a Aruarian com pausa nos vídeos que têm som, os vídeos no barramento direto e um efeito por evento; grava `mix-pN.wav` a −14 LUFS\n\n | `comp-a/confere.py`\n | lista os avisos do kit: linha larga, palavra que não bate com a fala, item sem tempo\n\n | `take-unico/render_take.py`\n | renderiza com obturador; `--stills`, `--previa`, `--trechos`, `--workers` e `--retomar`\n\n- **Junte as pastas:** descompacte `projeto/` em `07-videos/projetos/processo-motion-100-ia/` e ponha a pasta `audio/` do pacote ao lado de `comp-a/`. Copie `projeto/take-unico/` para `07-videos/biblioteca/take-unico/` e `audio/mesa/` para `07-videos/biblioteca/som/`: os HTML carregam `../../../biblioteca/take-unico/take.js` e o `audio.py` importa a Mesa de lá.\n\n- **Troque o que é de terceiros:** as suas músicas nos caminhos `MUS` e `DRE` do `audio.py`, os seus vídeos mostrados com `video.py` (mesmo nome do filme) e os seus efeitos e notificações em `audio/sfx/` com os nomes do `fora-do-pacote.md`. Sem eles, as janelas ficam vazias e o som sai sem esses eventos.\n\n- **Instale:** Python 3.11 com numpy, soundfile, pyloudnorm, pedalboard e playwright (`playwright install chromium`), além do ffmpeg.\n\n- **Voz:** copie `audio/scripts/voz_elevenlabs.py` para `07-videos/scripts/`, troque nele `SUA_VOZ_ELEVENLABS` pelo ID da sua voz, escreva as suas falas no dicionário `C` do `gerar_voz_completo.py` e rode `python audio/gerar_voz_completo.py` e depois `python audio/montar_voz.py`.\n\n- **Ver no navegador:** `comp-a/parte1.html?hud` mostra o tempo; `?t=31.2` para num quadro; `?play&som` toca com a mix.\n\n- **Conferir e mixar:** `python comp-a/confere.py \"parte1.html?ate=60\"` e `python comp-a/audio.py --parte 1`.\n\n- **Vídeo:** `python ../../biblioteca/take-unico/render_take.py comp-a/parte1.html --out render/final-parte1.mp4 --fps 60 --trechos 20 --workers 2 --audio comp-a/audio/mix-p1.wav` (o mesmo para a parte 2) e confira duração, qps e −14 LUFS.\n\n**Pegadinhas:** o cache de trechos é por posição e não por parte; renderize uma parte de cada vez e espere terminar. Use 2 navegadores: com mais, o Windows pode ficar sem memória. Vídeo mostrado tem que começar num quadro com imagem (passe um deslocamento no `toca`), senão a janela abre preta. O perfil escrito na tela (cursor e DM) é `@seu.perfil`: troque em `p1b.js` e `p2.js`."
+    },
+    {
+      "titulo": "As decisões de direção",
+      "texto": "- **Não é teleprompter.** A versão com o texto inteiro rolando foi recusada. O que passou: legenda curta (até 6 palavras, 2 linhas) e um elemento que desenha a palavra-chave da frase, no instante em que ela é dita, nunca antes.\n\n- **O gancho é uma apresentação à parte.** Fundo escuro, rap com golpe grave na primeira palavra, um vídeo de IA tocando com o som dele e um fim de trailer; o tutorial só começa depois de um respiro de 1,8 s e de um flash de câmera.\n\n- **Passo N sozinho na tela.** Cada passo abre com um emoji gigante e o número, sem legenda e sem palco; depois, \"Passo n de 4\" fica pequeno no topo.\n\n- **Uma peça vira a próxima.** A pasta de referências vira pilar, o pilar ganha um segundo pilar, o brand book vira um card, o pacote vai para o chat do Claude. Corte seco só nos heróis de passo.\n\n- **Marca citada mostra a assinatura e o som.** Netflix com o \"tudum\", o arco da Disney sobre o castelo, os arcos do McDonald's com o jingle; a trilha para enquanto elas tocam.\n\n- **O som descreve a ação.** Desenhar soa caneta, arrastar soa arrasto, notificação soa o app real. Tonal só no gancho e nos heróis de passo.\n\n- **Humor brasileiro com o próprio roteiro:** figurinha de streamer em \"da elite\", com o áudio dele em eco baixo; meme do Mega Brain em \"100% da IA\"; \"vídeo ×1, ×2, ×3\" quando a palavra se repete; óculos descendo em \"pegou a visão?\".\n\n- **O exemplo prova a tese.** Na Parte 2, a mesma frase sobre o Tesla aparece primeiro só como texto e depois desenhada, com logos, foto e o vídeo real do carro com som.\n\n- **Vídeo mostrado com o som dele**, sempre de referência premium (templates de motion, criadores de UI), nunca dos nossos próprios Reels.\n\n- **Nada para morto:** palco com câmera viva (deriva e zoom lento), entrada e saída pelo desfoque e uma curva só, sem quique.\n\nCores, fontes e som: estilo.md. Falas e cenas por tempo: roteiro.md. Para fazer o mesmo com o seu assunto: PROMPT.md."
+    },
+    {
+      "titulo": "As versões até o final",
+      "texto": "| \n\n | Versão\n | O que mudou\n\n | r1–r3\n | identidade inspirada num trailer de videogame, quadros de estilo, trilha do jogo; recusada por ser rápida demais, com som demais e storyboard fraco\n\n | v3.1\n | identidade de estúdio de UI (uxpeak), storyboard com propósito, menos elementos; recusada\n\n | v3.2\n | princípios do @illdari (peça vira a próxima, desfoque, nada para) em neon escuro; recusada\n\n | A\n | 3 variações de 17 s; a escolhida foi a letra rolando com ícones dentro da frase, no vídeo inteiro; recusada como \"teleprompter\" depois dos primeiros 50 s\n\n | B\n | modo palco: legenda curta e um elemento que desenha a palavra-chave\n\n | **C**\n | aprovada: gancho no escuro com rap, opener de IA e fim de trailer, respiro, flash e as figurinhas de meme"
+    }
+  ],
+  "prompt": "# Prompt: tutorial narrado que desenha a palavra-chave\n\n> Data: 2026-10-17 · Tipo: guia · Status: vigente · Projeto: processo-motion-100-ia\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 fazer um tutorial vertical narrado no mesmo método: gancho escuro como apresentação, respiro, flash, passos com herói, legenda curta e um elemento que desenha a palavra-chave de cada frase, com o som de cada coisa. Troque os marcadores `{{…}}` ou apague a linha, e o agente pergunta.\n\n## Como usar\n\n1. Descompacte o pacote em `07-videos/projetos/processo-motion-100-ia/` dentro da sua central, ponha `audio/` ao lado de `comp-a/`, copie `take-unico/` para `07-videos/biblioteca/take-unico/` e `audio/mesa/` para `07-videos/biblioteca/som/`.\n2. Separe as suas músicas (uma para o gancho, outra para o tutorial), os seus efeitos e os vídeos que você vai mostrar; eles não vêm no pacote (veja `referencias/fora-do-pacote.md`).\n3. Escreva a sua fala inteira, solta, do jeito que você fala. O agente corrige português e pronúncia, mas não corta ideias.\n4. Abra o agente na pasta da central, copie o bloco abaixo, troque os marcadores que já souber e cole.\n5. Aprove a fala, o áudio da voz e o storyboard frase a frase antes de ele animar.\n\n## O prompt\n\n```text\nQuero um tutorial vertical narrado no mesmo método do projeto \"como fazer esse estilo de vídeo usando 100% IA\", que está em 07-videos/projetos/processo-motion-100-ia/.\n\nAssunto (o método ou processo que vou ensinar): {{ASSUNTO}}\nPassos, na ordem (de 3 a 5): {{PASSOS}}\nA minha fala, completa (corrija só português e pronúncia; não corte ideias nem troque o jeito de falar): {{FALA}}\nMúsica do gancho (rap, trap ou algo com impacto): {{MUSICA_GANCHO}}\nMúsica do tutorial (instrumental leve, sem voz): {{MUSICA_TUTORIAL}}\nVídeos premium que vou mostrar com o som (templates, criadores de motion; não use os meus próprios vídeos): {{VIDEOS}}\nMarcas, apps, pessoas e produtos que eu cito: {{CITADOS}}\nVoz (ElevenLabs, ID da voz clonada ou da voz escolhida): {{VOZ}}\nMeu perfil para aparecer na tela (cursor e DM): {{PERFIL}}\nChamada final: {{CTA}}\nFormato: 1080×1920, 60 qps · Partes: {{PARTES}} (a referência tem 2:56 + 1:36)\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: LEIA-ME.md, estilo.md, roteiro.md, referencias/storyboard-b.md e projeto/comp-a/BRIEF-A.md. Depois abra comp-a/js/base.js (o kit e o modo palco), comp-a/js/p1a.js (o gancho), comp-a/js/p1b.js (passos 1 e 2) e comp-a/audio.py (a mix). Me explique em poucas linhas o que vai reaproveitar e o que muda no meu assunto.\n\n2. Corrija a minha fala sem reescrever: pontuação, concordância e pronúncia para a voz (ex.: \"IÁ\", \"Clód\", \"iú ái\"). Divida em falas curtas, uma por trecho, numeradas. Me mande para aprovar.\n\n3. Gere a voz na ElevenLabs, uma fala por arquivo, e confira o texto no Whisper. Acelere 1,2× se a voz ficar arrastada. Monte a linha do tempo no montar_voz.py com um respiro de ~1,8 s entre o gancho e o tutorial. Me mande o áudio inteiro para aprovar antes de animar.\n\n4. Escreva o storyboard frase a frase numa tabela: fala, palavra-chave, o que o palco desenha, som. Uma palavra-chave por frase vira uma metáfora visual leve e com humor (lupa que procura e não acha, pasta que vira pilar, Face ID em \"irreplicável\", 🫵 em \"você\"). Marca citada mostra a assinatura com o som dela. Me mande para aprovar.\n\n5. Monte o gancho como uma apresentação à parte: fundo escuro, a primeira palavra chega com golpe grave e a bateria da música do gancho, um emoji de reação, um dos vídeos premium tocando com o som dele e um fim de trailer na última palavra. Depois o respiro, e um flash de câmera abre o tutorial claro.\n\n6. Anime o tutorial no modo palco do kit: legenda curta (até 6 palavras, 2 linhas, embaixo), um elemento por vez no palco, entrada e saída pelo desfoque ou a peça virando a próxima, câmera que nunca para. Cada passo abre com um emoji gigante e o número, sozinhos. Pessoa, produto ou plataforma citada entra real (foto, vídeo, print, logo oficial) no instante da palavra.\n\n7. Som pela Mesa (comp-a/audio.py): trilha do tutorial a ~15 dB abaixo da voz, pausando quando um vídeo mostrado tem som; vídeos a −20 LUFS sob a voz; um efeito que descreve cada ação (caneta, arrasto, encaixe, notificação real do app); tonal só no gancho e nos heróis de passo. Final a −14 LUFS e pico verdadeiro abaixo de −1 dBFS.\n\n8. Revise antes do final: folhas de quadros de cada trecho, prévia rápida com som e uma IA que assista com áudio, perguntando onde virou teleprompter, onde a tela ficou cheia e onde algo parou morto. Confira cada apontamento antes de mexer.\n\n9. Final a 60 qps com obturador, em trechos e com no máximo 2 navegadores, uma parte de cada vez. Confira duração, qps e −14 LUFS e entregue o MP4 de cada parte, uma cópia leve para o celular e uma anotação do que mudou em relação à referência.\n```\n\n## Checklist antes de entregar (da referência)\n\n- [ ] A fala é a do autor, completa, só corrigida, e o áudio foi aprovado antes de animar.\n- [ ] O gancho é uma apresentação à parte e termina como fim de trailer; respiro e flash abrem o tutorial.\n- [ ] Nenhum trecho virou teleprompter: legenda curta e um elemento por frase.\n- [ ] Cada palavra-chave aparece desenhada no instante em que é dita, nunca antes.\n- [ ] Cada passo abre com o herói sozinho na tela.\n- [ ] Marcas, apps, pessoas e produtos citados aparecem reais, com o som deles.\n- [ ] Vídeos mostrados tocam com o próprio som e a trilha pausa.\n- [ ] Nada para morto; nenhum quique.\n- [ ] 60 qps, duração exata de cada parte, −14 LUFS e nenhum quadro preto.\n",
+  "campos": [
+    "ASSUNTO",
+    "CITADOS",
+    "CTA",
+    "FALA",
+    "MUSICA_GANCHO",
+    "MUSICA_TUTORIAL",
+    "PARTES",
+    "PASSOS",
+    "PERFIL",
+    "VIDEOS",
+    "VOZ"
+  ],
+  "fonte": {
+    "nome": "Clube do Motion",
+    "url": "https://clubedomotion.com/projeto/?id=processo-motion-100-ia",
+    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
+  },
+  "ferramentas": [
+    "Claude Code",
+    "ElevenLabs"
+  ],
+  "scripts_ae": {
+    "pasta": "lib/estudio/dados/projetos-ae/processo-motion-100-ia",
+    "arquivos": [
+      "assets/pessoas/figurinha.py",
+      "comp-a/BRIEF-A.md",
+      "comp-a/audio.py",
+      "comp-a/confere.py",
+      "comp-a/dados/tempo-parte1.js",
+      "comp-a/dados/tempo-parte2.js",
+      "comp-a/gerar_emojis.py",
+      "comp-a/img/filmes/_indice.js",
+      "comp-a/js/base.js",
+      "comp-a/js/main.js",
+      "comp-a/js/p1a.js",
+      "comp-a/js/p1b.js",
+      "comp-a/js/p1c.js",
+      "comp-a/js/p2.js",
+      "comp-a/video.py",
+      "take-unico/README.md",
+      "take-unico/oraculo_take.py",
+      "take-unico/render_take.py",
+      "take-unico/take.js"
+    ],
+    "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-promo.json

@@ -0,0 +1,114 @@
+{
+  "id": "clube-promo",
+  "titulo": "Comprá 1, llevate 2",
+  "categoria": "produto",
+  "resumo": "Reel sem narração, de 40,6 s, que ensina ao cliente a promoção do pop-up da loja argentina do Clube dos Sneakers: dois pares quaisquer por $ 99.990 em 6 cuotas, liberados com o e-mail e válidos por 24 horas. O vídeo abre num celular de verdade, filmado na mão, com a tela trocada pela nossa e uma notificação da loja. A câmera mergulha na notificação e, dali em diante, uma forma só atravessa o vídeo e vira pop-up, campo de e-mail, botão, relógio, selo, pares, carrinho e preço. Montado no After Effects a partir de scripts em Python. Versão final: a v3 em espanhol da Argentina, feita depois que a v3 em português foi aprovada (\"ficou bom agora\").",
+  "indicado": "loja online que quer anunciar uma promoção ou oferta com prazo, em post ou anúncio.",
+  "estilo": [
+    "celular real",
+    "mergulho na tela",
+    "forma que se transforma",
+    "interface Apple clara",
+    "texto cinético",
+    "ritmo na batida",
+    "urgência."
+  ],
+  "ficha": {
+    "formato": "1080×1920, 30 qps, 9:16, cor BT.709",
+    "duracao": "40,6 s",
+    "motor": "ae",
+    "voz": "sem narração: texto na tela, música, efeitos e tonais",
+    "musica": "ver o guia de estilo",
+    "fontes": "ver o guia de estilo"
+  },
+  "ferramentas": [
+    "Claude Code",
+    "After Effects",
+    "ElevenLabs"
+  ],
+  "ficha_tecnica": {
+    "Duração": "40,6 s",
+    "Formato": "1080×1920, 30 qps, 9:16, cor BT.709",
+    "Voz": "sem narração: texto na tela, música, efeitos e tonais",
+    "Ferramenta": "After Effects, com o projeto gerado por scripts em Python",
+    "Idioma": "espanhol da Argentina, com voseo; o mesmo gerador faz a versão em português",
+    "Uso": "Reel e anúncio da loja",
+    "Trilha": "\"Perfect Strangers\" (Jonas Blue e JP Cooper), a partir do refrão",
+    "Fecho": "ícone e nome do Clube dos Sneakers, com o endereço da loja"
+  },
+  "etapas": [
+    {
+      "titulo": "O roteiro",
+      "texto": "**Resumo:** o vídeo não tem narração; quem conta a história é o texto na tela, preso às batidas da música. Aqui estão a regra da promoção que o vídeo ensina, os textos exatos da versão argentina e as cenas por tempo (marcas de `marcas-v3-ar.json`).\n\n## A promoção que o vídeo ensina\n\n- Dois pares quaisquer da loja por um preço só ($ 99.990 em 6 cuotas sin interés).\n\n- Um pop-up aparece depois de alguns segundos navegando e libera a promoção com o e-mail.\n\n- Ela vale 24 horas para quem desbloqueou. Não comprou nesse prazo, perde.\n\n- A regra que deixa a promoção voltar por mais 30 minutos ficou fora do vídeo, para não desmentir a urgência.\n\n## Os textos da tela (espanhol da Argentina, verbatim)\n\n | \n\n | Momento\n | Texto\n\n | Abertura\n | \"Comprá 1, llevate 2.\" · chip \"Solo por 24 horas\"\n\n | Notificação\n | \"Clube dos Sneakers · ahora\" · \"Tenés 24 horas\" · \"La promo Comprá 1, llevate 2 es solo tuya.\" · \"Aprovechala antes de que desaparezca.\"\n\n | Texto cinético\n | \"Una promo / solo tuya.\"\n\n | Pop-up\n | \"Comprá 1, llevate 2\" · \"2 pares cualquiera por $ 99.990,\" · \"en 6 cuotas sin interés. Solo por 24 horas.\" · botão \"Quiero desbloquearla\"\n\n | Texto cinético\n | \"Comprá 1, / llevate 2.\" · chips \"Cualquier par\" e \"2 por $ 99.990\"\n\n | Campo\n | \"Tu email\" · e-mail fictício digitado · texto \"Desbloqueala con / tu email.\"\n\n | Toque\n | \"Un toque.\"\n\n | Drop\n | \"¡Activada!\" · card \"¡Promo activa!\" · \"Elegí 2 pares y terminá / la compra en 24 horas.\"\n\n | Relógio\n | \"Termina en\" 23:59:59 · \"Tenés / 24 horas.\"\n\n | Selo\n | \"Llevate 2\" com o relógio · \"El reloj sigue / en la tienda.\"\n\n | Pares\n | Air Jordan 1 High OG Royal $ 109.900 · Air Jordan 1 High Dark Mocha $ 99.900 · \"Elegí / 2 pares.\" e \"Los que / quieras.\"\n\n | Carrinho\n | \"Carrito · 2 pares\" · \"Talle 41\" · \"Comprá 1, llevate 2 aplicada\" · \"Total $ 99.990\" · \"Los 2 te quedan en\"\n\n | Momento de cores\n | \"2 pares.\" · \"$ 99.990.\" · \"6 cuotas sin interés.\" · \"Solo 24 horas.\"\n\n | Urgência\n | \"¿No compraste / en 24 horas?\" · \"Se / esfuma.\"\n\n | Volta ao celular\n | \"Aprovechala / mientras es tuya.\"\n\n | Fecho\n | \"Clube dos Sneakers\" · clubdossneakers.com\n\nA versão em português do mesmo gerador usa \"Compre 1, leve 2\", \"Promoção ativa!\", \"Leve 2\", \"Sacola\", \"Ela some.\", \"Aproveita enquanto é sua.\", R$ 899,90 em até 10x sem juros e clubedossneakers.com.br.\n\n## Cenas por tempo\n\n## Celular real e abertura (0 a 8,4 s)\n\n | \n\n | Tempo (s)\n | Música\n | Tela\n\n | 0–2,3\n | refrão subindo\n | vidro fosco claro sobre o reel desfocado; o ícone do CDS estala e um brilho passa por ele; \"Comprá\", \"1,\", \"llevate\", \"2.\" entram cada um numa batida (0,28 · 0,79 · 1,30 · 1,81 s); o chip \"Solo por 24 horas\" estala em 2,32 s\n\n | 2,85–3,5\n | \n | título, ícone e chip encolhem para dentro da tela do celular, enquanto o vidro some e o foco volta\n\n | 3,9\n | \n | a tela do celular acende com a nossa tela de bloqueio (18:42)\n\n | 4,35\n | \n | a notificação do Clube dos Sneakers desce\n\n | 5,6–7,95\n | \n | aproximação lenta na notificação\n\n | 7,95–8,45\n | primeira batida no fim\n | mergulho de 0,5 s com desfoque radial nos cantos; a notificação vira a forma única\n\n## Mundo da interface (8,4 a 29,9 s)\n\n | \n\n | Tempo (s)\n | Tela\n\n | 8,6–9,2\n | a forma ainda é a notificação · \"Una promo / solo tuya.\"\n\n | 9,47\n | a forma vira o pop-up · \"Comprá 1, / llevate 2.\"\n\n | 10,49–11,5\n | os dois pares saltam do pop-up com os chips e a câmera recua; depois voltam para dentro\n\n | 12,02\n | a forma vira o campo de e-mail · o e-mail é digitado tecla a tecla\n\n | 13,55\n | a câmera vai até o botão teal\n\n | 14,57–16,1\n | a mão-cursor chega em arco · \"Un toque.\" · o toque cai em 16,11 s, no silêncio da música\n\n | 16,62\n | **drop:** o botão infla, vira círculo e depois o card \"¡Promo activa!\" com check e confete · \"¡Activada!\"\n\n | 17,64\n | o card vira o relógio de 24 h, com \"24h\" gigante em contorno por trás · \"Tenés / 24 horas.\"\n\n | 18,66\n | o relógio vira o selo preto \"Llevate 2\" · \"El reloj sigue / en la tienda.\"\n\n | 19,68\n | o Royal aparece · \"Elegí / 2 pares.\"\n\n | 20,70\n | o Dark Mocha entra pela direita e aparece o \"+\" · \"Los que / quieras.\"\n\n | 21,73\n | a forma vira o carrinho · \"Los 2 te quedan en\"\n\n | 22,75\n | o preço preto rola de $ 209.800 até $ 99.990\n\n | 23,77–27,8\n | momento de cores: a tela inteira troca a cada duas batidas (teal, preto, claro, teal), com uma frase grande em cada cor\n\n | 27,85\n | o relógio volta e corre até 00:00:00 entre 27,97 e 28,77 s · \"¿No compraste / en 24 horas?\"\n\n | 28,87\n | a forma encolhe numa pílula e some · \"Se / esfuma.\"\n\n | 29,35\n | três faixas (teal, preta e clara) varrem a tela\n\n## Celular real e fecho (29,9 a 40,6 s)\n\n | \n\n | Tempo (s)\n | Música\n | Tela\n\n | 29,9–35,6\n | a batida já saiu (32,96 s)\n | o reel de novo, agora com o carrinho real da loja na tela · \"Aprovechala / mientras es tuya.\"\n\n | 35,6\n | a música começa a abafar\n | círculos teal e claro cobrem a tela\n\n | 36,4\n | \n | o ícone do CDS estala, gira e vai para a esquerda\n\n | 37,3\n | \n | \"Clube dos Sneakers\" entra letra por letra; depois, o endereço\n\n | até 40,6\n | fade\n | fecho parado"
+    },
+    {
+      "titulo": "A identidade visual",
+      "texto": "**Resumo:** interface clara no estilo Apple (fundo cinza-claro, cartões brancos, SF Pro) com o teal e o osso da imagem do pop-up da loja como cores de destaque. Uma forma única atravessa o vídeo e se transforma a cada meio compasso; o começo e o fim são um celular real filmado na mão. Música pop com drop no botão que infla, notas de orquestra em Sol♯ menor em cada ação e mix a −16 LUFS. Números tirados de `base.py`, `gerar_v3.py` e `trilha_v3.py`.\n\n## Fontes\n\n | \n\n | Uso\n | Fonte\n | Onde baixar\n\n | Títulos e palavra forte do texto cinético\n | SF Pro Display Bold (tracking −18)\n | developer.apple.com/fonts\n\n | Títulos de interface, preços\n | SF Pro Display Semibold\n | developer.apple.com/fonts\n\n | Linha leve do texto cinético\n | SF Pro Display Light\n | developer.apple.com/fonts\n\n | Rótulos, chips, relógio do selo\n | SF Pro Display Medium\n | developer.apple.com/fonts\n\n | Corpo de texto da interface\n | SF Pro Text Regular\n | developer.apple.com/fonts\n\n | Números do relógio\n | SF Pro Display Bold\n | developer.apple.com/fonts\n\n | Ícones (seta, mais, etiqueta, check)\n | Material Icons\n | Google Fonts\n\nO gerador também faz a versão com Roboto (a fonte da loja) com `PROMO_FONTE=roboto`. As telas capturadas ficam com a fonte do site.\n\n## Cores\n\n | \n\n | Token\n | Hex\n | Uso\n\n | Fundo\n | `#F5F5F7`\n | fundo do mundo da interface e do fecho\n\n | Branco\n | `#FFFFFF`\n | forma única, cartões\n\n | Tinta\n | `#1D1D1F`\n | texto\n\n | Cinza\n | `#86868B`\n | rótulos, endereço\n\n | Secundário\n | `#6E6E73`\n | texto de apoio nos cartões\n\n | Linha\n | `#D2D2D7`\n | contornos e divisórias\n\n | **Teal**\n | **`#1F8A86`**\n | destaque: palavra-chave, botão, chip \"Solo por 24 horas\", \"+\"\n\n | Teal escuro e claro\n | `#146B68`, `#D7EEEC`\n | confete, fundo do check\n\n | Osso\n | `#D8CDB9`\n | confete (o piso da foto do pop-up)\n\n | Preto\n | `#0A0A0A`\n | ícone do CDS, selo, botão, preço\n\n | Verde da dica\n | fundo `#E6F5EA`, texto `#1E7B34`\n | \"Comprá 1, llevate 2 aplicada\" no carrinho\n\n | Luz da tela\n | `#BFE8E5` / `#CFEDEA`\n | brilho da tela do celular e o brilho que passa no ícone\n\n## Componentes\n\n- **Celular real** (trechos do reel em meia velocidade) com a nossa tela presa por Corner Pin aos quatro cantos rastreados, cantos arredondados por máscara e um brilho teal em modo Add que acompanha a tela.\n\n- **Tela de bloqueio** com papel de parede, hora \"18:42\", data e o furo da câmera; a **notificação** do app (ícone do CDS, sirene, \"Tenés 24 horas\", corpo e miniatura) desce com a mola.\n\n- **Forma única (HEROI):** retângulo arredondado que muda de tamanho, raio e cor entre 15 estados: notificação 960×300, pop-up 860×1000, campo 960×170, botão 120 teal, círculo 300 teal, card ativo 900×700, relógio 820×340, selo preto 640×150, pares, carrinho, preço preto 780×220, tela cheia do momento de cores e a pílula final. Uma cópia dela serve de matte para o conteúdo da fase. Ela respira ±1% a cada dois compassos.\n\n- **Pop-up** com a foto do par, título, texto, campo de e-mail e botão preto \"Quiero desbloquearla\"; os dois pares **saltam para fora** com chips (\"Cualquier par\", \"2 por $ 99.990\") e voltam.\n\n- **Campo de e-mail** digitado letra a letra por expressão (o texto nasce teal e vira tinta), com cursor piscando e o botão teal com seta, que afunda no toque.\n\n- **Mão-cursor** que chega em arco, aperta e sai.\n\n- **Card \"¡Promo activa!\"** com check desenhado por Trim Paths e 24 peças de confete.\n\n- **Relógio de 24 h** com dígitos que sobem ao trocar e \"24h\" gigante só em contorno, a 6%, por trás.\n\n- **Selo \"Llevate 2\"** com o relógio correndo; **tiles dos pares** com o tênis flutuando; **carrinho** com as duas linhas, a dica verde e o total; **preço** que rola de $ 209.800 até $ 99.990.\n\n- **Faixas** teal, preta e clara que varrem a tela antes da volta ao celular.\n\n- **Fecho:** dois círculos (teal e fundo) que crescem de 40 a 4.600 px, o ícone do CDS que estala, gira −360° e vai para a esquerda, o nome letra por letra (cada letra passa rápido pelo teal) e o endereço.\n\n## Câmera\n\n- O mundo da interface é uma comp de 1620×2880 vista pela `MAIN`; a câmera é a âncora e a escala dela.\n\n- Em cada fase, um empurrão curto: 100 → 104% em 0,4 s e assenta em 101,5%. Nunca fica parada: deriva de 4 a 5 px por expressão.\n\n- Antes do toque, a câmera chega no botão (116 → 118%); no drop, volta a 100% com um tranco que decai (+2,4%).\n\n- Mergulho: o reel vai de 112% a 340% em 0,5 s, com desfoque radial de zoom de 0 a 70 no centro da notificação; a interface entra com o desfoque descendo de 60 a 0.\n\n- Motion blur ligado, obturador de 120°.\n\n## Curvas e molas\n\nCada chave diz a curva até a próxima (curvas por segmento, aplicadas por expressão).\n\n | \n\n | Nome\n | Bezier\n | Uso\n\n | fast\n | (.10, 0, 0, 1)\n | título da abertura entrando\n\n | moj\n | (.86, 0, .07, 1)\n | câmera, absorção pelo celular, trocas\n\n | desl\n | (.33, 0, .17, 1)\n | deslocamentos, mão-cursor\n\n | sai\n | (.16, 1, .3, 1)\n | entradas suaves do texto\n\n | io\n | (.65, 0, .35, 1)\n | confete no alto\n\n | cai\n | (.62, 0, .98, .6)\n | mergulho no reel\n\n | inf\n | (.34, 1.56, .64, 1)\n | o botão que infla no drop\n\n | chicote\n | (.7, 0, .84, 0)\n | saída do texto, acelerando\n\n**Mola da casa (\"nossa\"):** sobe linear até o valor em 0,25 s e quica `1 + 0,2·sin(4π·q)·e^(−4q)`, passando cerca de 112%. Cada troca da forma usa um segmento de 0,5 s com essa mola.\n\n## Texto cinético\n\n- Duas linhas: a primeira em SF Pro Display Light, a segunda em Bold maior, com a palavra-chave em teal.\n\n- Entra palavra por palavra (0,045 s entre elas), deslizando de cima ou de um dos lados, com desfoque 16 → 0 e escala 112 → 100% em 0,5 s.\n\n- Sai em chicote: sobe e desfoca (18) em 0,22 s, cerca de 0,2 s antes de a forma crescer por cima.\n\n- No momento de cores, cada frase entra com escala 128 → 100% e desfoque 20 → 0, e some seca na troca.\n\n## Trilha\n\n | \n\n | Item\n | Valor\n\n | Música\n | \"Perfect Strangers\" (Jonas Blue e JP Cooper), contínua, a partir de 61,10 s da faixa\n\n | Tom e tempo\n | Sol♯ menor, 117,5 BPM (batida de 0,5106 s)\n\n | Respiro\n | silêncio da própria música entre 15,9 e 16,6 s: é aí que cai o toque\n\n | Drop\n | 16,62 s: o botão infla e a promoção ativa\n\n | Fecho\n | a batida some em 32,96 s; a partir de 35,6 s a música abafa (passa-baixas de 1,4 kHz) e sai em fade\n\n**Tonais em Sol♯:** golpe Ping Boom no fim do mergulho, no drop e no ícone do fecho; Cello Color sob a urgência; drone Atlantic sob o fecho.\n\n**Notas de orquestra na pentatônica de Sol♯ menor:** piano grave nas quatro batidas do título; sinos quando a tela acende; glockenspiel na notificação, no campo, no relógio, no selo e no \"+\"; harpa no pop-up, harpa subindo no \"¡Promo activa!\" e harpa quando o preço chega; marimba nos pares e no carrinho; um grave de piano a cada troca de cor; piano e tímpano quando o relógio zera; acorde de piano e sinos no ícone; glockenspiel no nome. Reverb de sala de 4 s só nos tonais.\n\n## Sound design e mix\n\n | \n\n | Faixa\n | Nível\n\n | Música\n | −17 LUFS\n\n | Efeitos\n | cerca de 8 dB abaixo da música\n\n | Tonais\n | cerca de 10 dB abaixo da música\n\n | Final\n | −16 LUFS, limitador em torno de −1,5 dBFS\n\nUm efeito para cada ação: impacto em cada batida do título, clique quando a tela acende, a notificação afinada no tom da música, whoosh no mergulho e em cada fase, uma tecla para cada letra do e-mail, clique no toque, pop no drop, sucesso no card ativo, tique-taque no relógio, contador rolando no preço, impacto em cada troca de cor e whoosh grave na urgência e no fecho.\n\n## O que é \"humano\" neste vídeo\n\n- O celular é filmado na mão e treme de verdade; a nossa tela acompanha cada quadro.\n\n- A forma nunca fica parada: respira, e a câmera dá um empurrão a cada fase.\n\n- O e-mail é digitado com ritmo irregular, com uma pausa depois do \"@\".\n\n- A mão chega em arco, afunda no clique e o botão afunda junto.\n\n- O relógio corre de verdade; na urgência, ele desce até zero acelerando.\n\n- Os tênis dos cartões flutuam alguns pixels."
+    },
+    {
+      "titulo": "A montagem no After Effects",
+      "texto": "| \n\n | Script\n | O que faz\n\n | `base.py`\n | tokens (cores, SF Pro ou Roboto, ícones Material), curvas por segmento e a mola da casa\n\n | `kit_ae.py`\n | funções de comp, camada, forma, texto e efeito\n\n | `gerar_v3.py`\n | o vídeo inteiro: o reel com a tela trocada, a abertura, o mundo da interface com a forma única, o texto cinético, o momento de cores, o fecho e a lista de efeitos. `PROMO_LOJA=ar` troca textos, preço e carrinho para a loja argentina\n\n | `preparar.py`, `preparar_v2.py`, `svg_png.mjs`\n | imagens da interface, os trechos do reel em meia velocidade e os cantos da tela por quadro\n\n | `v2/footage/rastreio/*.py`\n | rastreio dos cantos da tela do celular no reel, com avaliação e fusão das medidas\n\n | `trilha_v3.py`\n | música, tonais, notas de orquestra, efeitos e mix final\n\n | `render.ps1`, `montar.py`, `folha.py`\n | render em trechos, junção com o áudio e folha de contato\n\nOs geradores escrevem `promo-v3-sf-ar.json`, que uma ponte MCP do After Effects importa (`ae_project_import_json`, da `mcp-aftereffects`, de código aberto). Em seguida rodam os dois `.jsx`: `pos-import-v3-sf-ar.jsx` (alinhamento dos números, cantos arredondados da tela, mattes e modo Add) e `pos-radial-v3-sf-ar.jsx` (o desfoque radial do mergulho). O `.aep` já vem montado: os scripts servem para estudar e reaproveitar. Algumas linhas apontam para pastas da máquina onde o vídeo foi feito (fontes, bibliotecas de música e efeitos); ao reaproveitar, peça ao agente para trocar pelos caminhos da sua central.\n\n**Pegadinha do render:** o desfoque radial do mergulho estourou a memória do `aerender` e gravou quadros pretos entre 6,4 e 8 s. Esse trecho foi refeito em pedaços de 2 s. Confira se há quadro preto em todo render.\n\n- **Instale as fontes:** SF Pro (SF Pro Display Light, Medium, Semibold e Bold, e SF Pro Text Regular), da página de fontes da Apple para desenvolvedores (developer.apple.com/fonts), e Material Icons (Google Fonts, grátis). Instale para todos os usuários e reinicie o After Effects. No Windows, se não aparecer no AE, copie para `C:\\Program Files\\Common Files\\Adobe\\Fonts`.\n\n- **Mantenha a pasta `projeto/` como veio**: o `.aep`, `ae/assets/` e `v2/footage/` ficam nas mesmas posições relativas. Abra no After Effects 2026 ou mais novo.\n\n- **Comp:** `MAIN Promo Leve2 v3 SF AR`. Dentro dela, `PLANO A reel` (o celular com a nossa tela), `UI mundo` (a forma única e as fases) e `PLANO B reel` (o celular com o carrinho). Renderize a `MAIN`.\n\n- **Arquivo faltando:** File › Dependencies › Find Missing Footage; clique com o direito › Replace Footage › File e aponte para `projeto/ae/assets` (e para `projeto/v2/footage`, no caso dos trechos do reel). O AE reencontra os outros da mesma pasta.\n\n- **Render:** em trechos com o `aerender` (`render.ps1`), de uma cópia em pasta sem acento, com os primeiros 8 s em trechos de 2 s. Depois, `montar.py` junta os trechos, põe o mix e etiqueta a cor em BT.709."
+    },
+    {
+      "titulo": "As decisões de direção",
+      "texto": "- **Uma forma só atravessa o vídeo.** A v1 foi reprovada como \"muito amador\" porque tinha vários objetos espalhados e uma câmera passeando entre eles. Na v2 e na v3, a mesma forma vira notificação, pop-up, campo de e-mail, botão, card de \"¡Promo activa!\", relógio, selo, pares, carrinho e preço. O conteúdo de cada fase é recortado por ela.\n\n- **O celular de verdade dá o tom de cinema.** A tela acende, a notificação da loja desce e a câmera mergulha nela em 0,5 s, com desfoque radial nos cantos e a notificação em foco, terminando na batida. A nossa tela entra um quadro antes de a original acender: na v2, um microquadro mostrava a tela do reel.\n\n- **Abertura com a marca.** Vidro fosco sobre o reel desfocado, o ícone do CDS com um brilho passando e \"Comprá 1, llevate 2.\" batendo nas quatro primeiras batidas. Tudo é absorvido pela tela do celular enquanto o foco volta.\n\n- **Ritmo de anúncio da Apple.** A forma troca a cada meio compasso. O vídeo só desacelera no celular real, que pede tempo.\n\n- **Texto cinético perto da forma.** Uma linha leve e outra em negrito, com a palavra-chave em teal, entrando pelos lados e saindo em chicote. O texto sai cerca de 0,2 s antes de a forma crescer por cima dele.\n\n- **A música manda nos dois momentos fortes.** O toque em \"Quiero desbloquearla\" cai no silêncio da própria música, e o botão infla no drop, quando a promoção ativa.\n\n- **Momento de cores.** Quatro frases curtas, uma a cada duas batidas, com a tela inteira trocando de cor: teal, preto, claro e teal.\n\n- **Urgência sem desmentido.** O relógio corre até zero e entra \"Se esfuma.\". A regra que deixa a promoção voltar por mais 30 minutos ficou fora do vídeo, para não desmentir a urgência.\n\n- **O fim volta ao celular real**, agora com o carrinho de verdade da loja na tela, e fecha no ícone do CDS com o nome entrando letra por letra.\n\n- **Telas reais da loja**, capturadas com Playwright sem chamar a API e com um e-mail fictício. Os relógios parados das capturas foram cobertos por relógios que correm.\n\nDetalhes de cores, curvas e som: estilo.md. Textos 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 | v1\n | 40 s em português, sem narração, em duas fontes para comparar (SF Pro e Roboto); retorno: \"ficou bom, mas muito amador ainda… a gente retrocedeu\"\n\n | v2\n | 60 s, com o reel do celular, a notificação, o mergulho e a forma única; retorno: \"a parte do celular ficou quase perfeita\", com pedido de abertura com a marca, mergulho mais rápido e ritmo de anúncio da Apple\n\n | v3\n | 40,6 s: abertura em vidro fosco, mergulho com desfoque radial, texto cinético e troca a cada meio compasso; aprovada (\"ficou bom agora\")\n\n | **v3 AR**\n | o mesmo vídeo, no mesmo tempo, em espanhol da Argentina, com o preço e o carrinho da loja AR; é a versão enviada para postar"
+    }
+  ],
+  "pacote": [
+    {
+      "pasta": "projeto/",
+      "conteudo": "`promo-v3-sf-ar.aep`, o JSON de importação, os dois `.jsx` de pós-importação (alinhamento, cantos da tela, mattes, modo Add e desfoque radial) e a pasta `assets/`: ícone e monograma do CDS, papel de parede da tela de bloqueio, os pares Royal e Dark Mocha, a foto do pop-up, a mão-cursor, o emoji de sirene, a grade de pontos e a tela do carrinho da loja AR. Traz também os dois trechos do reel em meia velocidade com os cantos da tela por quadro, os scripts do rastreio, as capturas reais da loja AR com o capturador e os scripts geradores"
+    },
+    {
+      "pasta": "audio/",
+      "conteudo": "mix final, faixa só de efeitos, faixa dos tonais, `trilha_v3.py`, a lista de efeitos (`sfx-v3-ar.json`), as marcas de tempo (`marcas-v3-ar.json`), as notas de orquestra já renderizadas (`tonais/`) e os efeitos usados (`sfx/`)"
+    },
+    {
+      "pasta": "referencias/",
+      "conteudo": "o reel usado como base, as folhas de contato dele e os links das análises"
+    },
+    {
+      "pasta": "render/",
+      "conteudo": "`final.mp4`"
+    },
+    {
+      "pasta": "base.py",
+      "conteudo": "tokens (cores, SF Pro ou Roboto, ícones Material), curvas por segmento e a mola da casa"
+    },
+    {
+      "pasta": "kit_ae.py",
+      "conteudo": "funções de comp, camada, forma, texto e efeito"
+    },
+    {
+      "pasta": "gerar_v3.py",
+      "conteudo": "o vídeo inteiro: o reel com a tela trocada, a abertura, o mundo da interface com a forma única, o texto cinético, o momento de cores, o fecho e a lista de efeitos. `PROMO_LOJA=ar` troca textos, preço e carrinho para a loja argentina"
+    },
+    {
+      "pasta": "v2/footage/rastreio/*.py",
+      "conteudo": "rastreio dos cantos da tela do celular no reel, com avaliação e fusão das medidas"
+    },
+    {
+      "pasta": "trilha_v3.py",
+      "conteudo": "música, tonais, notas de orquestra, efeitos e mix final"
+    }
+  ],
+  "prompt": "Quero fazer um Reel sem narração no mesmo estilo do projeto \"Comprá 1, llevate 2\", que está em 07-videos/projetos/promo/, com a oferta da minha loja.\n\nLoja e marca: {{LOJA}} (mande o logo e o endereço do site)\nA oferta: {{OFERTA}} (ex.: leve 2 por um preço, frete grátis, cupom)\nComo o cliente pega a oferta: {{REGRA}} (ex.: pop-up com e-mail, cupom no carrinho) e o prazo dela: {{PRAZO}}\nIdioma dos textos: {{IDIOMA}}\nVídeo de celular na mão para o começo e o fim: {{VIDEO_CELULAR}} (seu ou de banco de imagens; se não tiver, me ajude a escolher)\nDuração aproximada: {{DURACAO}} (a referência tem 40,6 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/promo/LEIA-ME.md, estilo.md e roteiro.md. Depois abra os scripts em projeto/ae/ (base.py, kit_ae.py, gerar_v3.py) e o trilha_v3.py do áudio, e me explique em poucas linhas como a forma única (HEROI) troca de estado, como a nossa tela foi presa ao celular filmado e como o texto cinético entra e sai. Diga o que 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. Não edite os arquivos do projeto promo: copie o que for reaproveitar.\n\n3. Use as skills instaladas: video-referencias (referências e assets reais), motion-app-ae (interface no After Effects), animacao-saas (forma que vira a próxima, câmera, botão que afunda) e better-portuguese (todo texto da tela).\n\n4. A oferta primeiro. Escreva a regra da minha oferta em três ou quatro linhas e me mostre o que vai ficar fora do vídeo por desmentir a urgência ou confundir o cliente. Depois monte a tabela de fases da forma única, como no roteiro.md da referência: notificação → onde o cliente pega a oferta → o gesto (toque, e-mail, cupom) → oferta ativa → prazo → produtos → carrinho → preço → urgência → fecho. Para cada fase, diga o texto curto da tela (uma linha leve e outra em negrito, com a palavra-chave na cor de destaque) e espere o meu ok.\n\n5. Telas reais: capture as telas da minha loja (pop-up, produto, carrinho) com Playwright, com um e-mail fictício e sem chamar a API. Se a loja não tiver uma tela citada, recrie fiel ao design dela. Relógio ou contador parado na captura ganha um que corre de verdade.\n\n6. O celular filmado: rastreie os quatro cantos da tela quadro a quadro, prenda a minha tela com Corner Pin e faça a nossa tela entrar um quadro antes de a original acender. Use o vídeo em meia velocidade se ele tiver 60 qps.\n\n7. Identidade: interface clara no estilo Apple, com as cores da minha marca só nos destaques (como o teal e o osso tirados da imagem do pop-up). Se a minha marca tiver identidade forte, use a fonte e as cores dela. Registre os tokens num arquivo base, no lugar do base.py, e me mostre antes de animar.\n\n8. Trilha antes de animar: escolha uma música real com um silêncio curto logo antes do drop, meça tom e BPM e me mostre onde caem o toque (no silêncio), a oferta ativando (no drop) e o fecho. Faça as notas de orquestra e os tonais no tom dela.\n\n9. Reaproveite o motor, troque o conteúdo. Mantenha deste projeto: a forma única que troca a cada meio compasso com a mola de 0,5 s, o mergulho de 0,5 s com desfoque radial nos cantos, a abertura em vidro fosco absorvida pelo celular, a câmera que empurra a cada fase e nunca para, o texto cinético que sai em chicote antes de a forma crescer, o momento de cores com uma frase a cada duas batidas, a volta ao celular com o carrinho real, um efeito por ação e o mix a −16 LUFS. Troque: cores, fontes, textos, produtos, telas, música e o vídeo do celular.\n\n10. Construa de duas em duas fases e me mostre folhas de contato a cada rodada. Em cada movimento, pergunte: está humano ou robotizado? Renderize em trechos (2 s no trecho do desfoque radial), confira se há quadro preto, revise quadro a quadro com o áudio e me entregue o vídeo, a legenda do post e a ficha atualizada. No fim, registre uma anotação em anotacoes/.",
+  "campos": [
+    "DURACAO",
+    "IDIOMA",
+    "LOJA",
+    "OFERTA",
+    "PRAZO",
+    "REGRA",
+    "VIDEO_CELULAR"
+  ],
+  "fonte": {
+    "nome": "Clube do Motion",
+    "url": "https://clubedomotion.com/projeto/?id=promo",
+    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
+  }
+}