{
  "id": "clube-apresentando-clube",
  "titulo": "Do celular à sacola",
  "categoria": "produto",
  "resumo": "vídeo vertical de 20 s, sem narração, que apresenta uma loja de tênis como um lançamento de produto. Uma mão segura o celular com o site, o nome da loja é digitado e as letras saltam da tela como teclas de vidro; a câmera mergulha num túnel 3D de cards reais do catálogo, a busca digita um tênis e, no drop da música, o botão infla e vira um estúdio onde a caixa abre, os pares aparecem, a frase da marca se monta e tudo cai numa sacola antes do logo. Feito em código, no Remotion, com a identidade do site da loja, toques do estilo Apple e as expressões da biblioteca de scripts do After Effects reescritas em JavaScript. Feito pelo Clube do Motion.",
  "indicado": "loja, marca ou produto físico que quer um \"apresentando…\" curto para lançamento, anúncio ou perfil, mostrando produtos reais do catálogo sem narração.",
  "estilo": [
    "estilo Apple",
    "apresentação de produto",
    "interface recriada",
    "túnel 3D",
    "estúdio de produto",
    "cards de vidro",
    "forma que vira a próxima",
    "sincronizado na batida"
  ],
  "ficha": {
    "formato": "1080×1920, 30 qps, 9:16, H.264 com cor BT.709",
    "duracao": "20,0 s (600 quadros), sem narração, em 6 atos",
    "motor": "html",
    "voz": "ver o guia de estilo",
    "musica": "ver o guia de estilo",
    "fontes": "ver o guia de estilo"
  },
  "ferramentas": [
    "Claude Code"
  ],
  "ficha_tecnica": {
    "Duração": "20,0 s (600 quadros), sem narração, em 6 atos",
    "Formato": "1080×1920, 30 qps, 9:16, H.264 com cor BT.709",
    "Ferramenta": "Remotion (React), um arquivo só: `ApresentandoClubeV3.tsx`, composição `ApresentandoClubeV3`",
    "Trilha": "\"I'm Good (Blue)\", 127,8 BPM, Sol menor: remix cinematográfico (voz isolada e tonais) até o drop em 5,634 s e a faixa original emendada depois, numa cabeça de compasso",
    "Som": "24 efeitos diferentes, um por ação, com o pico no instante do evento; −14,0 LUFS",
    "Imagens geradas": "4 no GPT Image 2.5: a mão com o celular de tela verde, a caixa, a sacola e as peças de tricô",
    "Produtos": "14 tênis do catálogo da loja recortados com rembg, com nome e preço reais",
    "Referência": "o \"Apple Christmas Ad\" (Kram.Visuals), que deu a estrutura em 6 atos, e o guia \"Apple Style\" de NaughtyyJuan, que deu a paleta de apoio"
  },
  "etapas": [
    {
      "titulo": "O roteiro",
      "texto": "**Resumo:** o vídeo não tem narração; o roteiro é a linha do tempo dos 6 atos, com o texto que aparece na tela e o gancho com a música. A frase do vídeo é \"Apresentando Clube dos Sneakers\", seguida de \"O maior marketplace de tênis e sneakers premium do Brasil.\"; o resto do texto vem do próprio site e do catálogo. Os tempos são os do vídeo final, em 30 qps.\n\n## De onde veio a estrutura\n\nO \"Apple Christmas Ad\" (Kram.Visuals) apresenta um produto em seis atos: o dispositivo, o mundo da interface, os produtos, a frase, tudo junto e o logo. Aqui cada ato virou um passo do caminho do cliente: o celular com o site, a busca, o tênis saindo da caixa, a frase da marca, a sacola e o logo da loja.\n\n## Cenas por tempo\n\n | \n\n | Ato\n | Tempo (s)\n | Texto na tela\n | O que acontece\n\n | 1. Dispositivo\n | 0,00–2,40\n | \"Apresentando\" · \"Clube dos Sneakers\"\n | uma mão segura o celular com a home da loja; as duas linhas são digitadas acima dele, letra a letra, e cada letra solta uma tecla de vidro da tela (letras, emojis 3D, selo HOT, NOVO e preço)\n\n | 1. Dispositivo\n | 2,40–2,85\n | —\n | a câmera mergulha no header do site até a pílula ficar reta e no centro; o texto e as teclas somem antes\n\n | 2. Interface\n | 2,85–4,70\n | \"Jordan 1 High OG Royal\" · \"Mais vendidos\" · \"CLUBE5 · 5% off\"\n | túnel 3D com 46 cards reais, chips, esferas, caixa e emojis; a pílula de busca digita o tênis, o botão → chega com mola e as duas pílulas aparecem\n\n | 2. Interface\n | 4,72–5,63\n | —\n | a câmera empurra para o botão e a mão entra; **clique em 5,274 s**, no silêncio antes do drop\n\n | 3. Produtos\n | 5,63–6,57\n | —\n | **drop em 5,634 s**: o botão infla, vira um quadrado e abre até a tela inteira, que vira o estúdio cinza; a caixa preta CDS entra com mola\n\n | 3. Produtos\n | 6,57–7,51\n | \"Air Jordan\" · \"NOVO\" · \"R$ 1.399,99\" · \"COMPRAR\"\n | na batida, a tampa salta como rolha e o Air Jordan 1 High OG Royal sobe de dentro da caixa; chega o card de vidro\n\n | 3. Produtos\n | 7,51–9,39\n | \"Os pares mais procurados da semana\" · \"R$ 1.299,99\" · \"Ver coleção\"\n | whip pan para o trio de New Balance 9060 em leque, um por vez, e o card\n\n | 3. Produtos\n | 9,39–11,27\n | \"HOT\" · \"R$ 599,99\" · \"COMPRAR\"\n | whip pan para o Nike Dunk Low Black Panda; a sola embaixo abre como a tampa de um notebook\n\n | 4. Frase\n | 11,27–14,09\n | \"O maior\" · \"marketplace\" · [+ \"de tênis e sneakers premium\"] · \"do Brasil.\"\n | o estúdio recua e some; o card do Dunk vira o chip da frase; as palavras sobem uma a uma; **em 12,676 s o + gira e vira check verde**\n\n | 5. Tudo junto\n | 14,09–16,90\n | —\n | a sacola CDS cai com quique e amassa ao pousar; em volta, um par a cada meia batida: Jordan 1, New Balance 9060, Dunk, Cloudmonster e Yeezy; zoom no monograma da sacola a partir de 16,42 s\n\n | 6. Logo\n | 16,90–20,00\n | \"Clube dos Sneakers\" · \"clubedossneakers.com.br\"\n | **reveal circular em 16,902 s** a partir da sacola: o monograma CDS em gradiente; teclas de vidro saltam dele, o nome é digitado letra a letra e o endereço sobe; o logo flutua até o fim\n\nPreços e nomes são os do catálogo da loja; \"Os pares mais procurados da semana\" é o texto do banner da home.\n\n## Momentos para a trilha\n\n- 0–5,634 s: introdução com voz isolada e tonais; o mergulho termina no respiro da voz (2,8 s) e o clique cai no silêncio de 4,75 a 5,6 s.\n\n- **5,634 s: drop** no botão que infla.\n\n- 6,573 s: a tampa salta na batida.\n\n- 7,512 s: emenda com a faixa original e primeiro whip, numa cabeça de compasso; 9,390 s: segundo whip.\n\n- 12,676 s: o check na batida.\n\n- 13,8 s: o tonal em Sol começa a subir.\n\n- **16,902 s: logo** numa cabeça de compasso, com a explosão do tonal; a música é abafada, entra o cello em Sol e tudo some de 18,6 a 20 s."
    },
    {
      "titulo": "A identidade visual",
      "texto": "**Resumo:** fundo claro `#F5F5F7` e estúdio cinza em gradiente radial, tinta `#111`, o laranja do selo HOT da loja como cor de ação e a paleta Apple só no texto secundário, no check e no logo. Roboto do site em todos os textos, cards de vidro com `backdrop-filter`, cinco curvas com funções diferentes e molas portadas dos scripts do After Effects. Números tirados do `ApresentandoClubeV3.tsx`, do `montar_trilha.py` e do tutorial do projeto.\n\n## Tokens da loja\n\n | \n\n | Token\n | Valor\n | De onde veio\n\n | Fonte\n | Roboto 400, 500, 700 e 900 (`@remotion/google-fonts/Roboto`)\n | o site da loja\n\n | Tinta e fundo\n | `#111` · `#F5F5F7`; estúdio em `radial-gradient(#f8f8fa → #ececf0 → #dedee4)`\n | site\n\n | Selo HOT\n | `linear-gradient(90deg, #ff2d17, #ff6a00)`, ícone de chama, raio de 9 a 15 px\n | CSS `.clube-hot`\n\n | Azul do cupom\n | `#4A61DF`, na pílula \"CLUBE5 · 5% off\"\n | `--secondary-color`\n\n | NOVO\n | pílula `#111`, Roboto 700, espaçamento de 0,08 em\n | `.clube-selo-novo`\n\n | Botão COMPRAR\n | preto, raio de 10 a 14 px, Roboto 500\n | página de produto\n\n | Header\n | pílula preta (raio 18) com menu, monograma CDS branco e a busca branca \"Buscar tênis ou marca\"\n | header do site no celular\n\n | Sombra de card\n | `0 4px 12px rgba(0,0,0,.08), 0 16px 40px rgba(0,0,0,.12)`\n | `--clube-sombra-flutuante`\n\n | Paleta Apple, só no apoio\n | título `#1C1C1E`, texto secundário `#3A3A3C`, endereço `#8E8E93`, check `#34C759`; azul `#007AFF` e laranja `#FF9500` no logo\n | guia \"Apple Style\"\n\n## Curvas\n\n | \n\n | Nome no código\n | Curva\n | Uso\n\n | `SAAS`\n | `bezier(.86, 0, .07, 1)`\n | câmera, mergulho, whips, morph e reveal circular\n\n | `SUAVE`\n | `bezier(.33, 0, .67, 1)`\n | respiração lenta e flutuação\n\n | `MACIO`\n | `bezier(.45, 0, .15, 1)`\n | rolagem da tela e assentamentos longos\n\n | `LOJA`\n | `bezier(.22, 1, .36, 1)`\n | linhas dos cards de vidro (a curva do site)\n\n | `APPLE`\n | `bezier(.16, 1, .3, 1)`\n | palavras e endereço subindo pela máscara\n\n## Molas e movimento portados do After Effects\n\n | \n\n | Função\n | Origem\n | Uso\n\n | `mola(t, at, dur=.25, amp=.05, freq=2, decay=4)`\n | Overshoot (BOUNCr / Ebberts)\n | toda entrada de card, botão, selo, pílula e logo: passa a cerca de 112% e assenta\n\n | `quique(t, at, dur=.34, …)`\n | Bounce Back\n | a sacola caindo: elasticidade 0,38, 3 quiques e amassado de 3,5% ao pousar\n\n | `molaFisica(…)`\n | easing4 (massa 1, rigidez 110 a 120, amortecimento 10,5 a 11)\n | teclas de vidro e o tênis saindo da caixa\n\n | `suaveAleatorio(t, seed, periodo, amp)`\n | smoothRandom\n | deriva de tudo que flutua\n\n | `tremor(t, seed, amp)`\n | biasedWiggle, puxado ao centro\n | câmera de mão na abertura: 5 px e 0,35°\n\n | `FiltroWhip`\n | aberração cromática + desfoque direcional\n | whips: desfoque `min(40, v·0,006)` px e aberração `min(14, v·0,0022)` px, proporcionais à velocidade da câmera\n\n | `rnd(seed)`\n | RanAni, semente fixa\n | posições das teclas, do túnel e dos brilhos; o render sai sempre igual\n\n## Componentes\n\n- **Celular na mão:** foto gerada com a tela verde removida por chroma (despill e desfoque de 0,8 px no alfa). A home do site, recriada em 390×912, entra por homografia (`matrix3d`) nos 4 cantos medidos da tela e rola 18 px. Câmera de 1,30 para 1,40 com tremor.\n\n- **Digitação da abertura:** Roboto 900, 76 px, uma letra a cada 0,046 s; cada letra sobe 22 px, com escala 1,25 → 1, desfoque 8 → 0 e cor HOT → tinta. A segunda linha leva o gradiente HOT → laranja → azul.\n\n- **Teclas de vidro:** 24, uma por letra digitada (letras, emojis 3D Fluent, selo HOT, NOVO e preço). Nascem na tela e vão para um anel em volta do celular pelo ângulo áureo; a profundidade (0,72 a 1,47) define escala e desfoque.\n\n- **Mergulho:** de 2,40 a 2,85 s, a câmera entra no header até a pílula ter 980 px, reta e no centro, com desfoque em seno (pico de 6 px).\n\n- **Túnel 3D:** `perspective: 1000px`, 46 itens em anel pelo ângulo áureo (cards reais de 380 a 470 px, imagens e chips), 150 brilhos piscando e profundidade de campo: quem passa rente desfoca até 14 px. A câmera arranca 1.900 px, segue a 760 px/s e rola até −9°.\n\n- **Pílula de busca:** é o header do site × 2,68, no mesmo lugar e ângulo do fim do mergulho; digita \"Jordan 1 High OG Royal\" a 0,048 s por letra, com cursor HOT piscando a 2,6 Hz.\n\n- **Drop:** o botão vira um quadrado de 320 px com raio 90 em 0,28 s (`back(1.5)`), pausa 0,08 s e abre até a tela inteira em 0,56 s (`SAAS`); o preto vira o cinza do estúdio por uma cortina.\n\n- **Estúdio:** três estações a 1.300 px uma da outra, esferas de tricô e cubo de feltro com paralaxe (profundidade de 0,7 a 1,55) e 16 bolhas de sabão iridescentes em CSS.\n\n- **Card de vidro (640 px):** gradiente branco de 86 para 66%, `backdrop-filter: blur(22px) saturate(1.4)`, borda branca de 1,5 px, logo da marca, nome, selo, título Roboto 700 38 px, preço em Roboto 900 e botão preto; linhas em cascata de 0,05 s com a curva `LOJA`.\n\n- **Card que vira chip:** 640×290 → 900×132 e raio 32 → 66 em 0,5 s, com borda tracejada em gradiente laranja → HOT → azul correndo; o \"+\" gira e vira o check verde com um anel.\n\n- **Palavras da frase:** Roboto 700, cada palavra sobe 108% → 0 dentro de uma máscara em 0,62 s (`APPLE`) e nasce HOT antes de virar `#1C1C1E`; as posições já são as finais desde a primeira palavra.\n\n- **Sombra de contato:** penumbra larga (0,24) mais um núcleo escuro curto (0,5, desfoque de 2 px) colado no objeto.\n\n- **Logo:** reveal circular de 0 a 1.500 px a partir do monograma da sacola em 0,55 s; monograma CDS de 440 px como máscara sobre o gradiente `#007AFF → #5b7cff → #b46cf0 → #FF9500 → #ff6a00 → #ff2d17`, relevo com três cópias mais escuras (3, 5 e 7 px), brilho de vidro e giro 3D de ±7°.\n\n- **Grão:** `feTurbulence` com semente por quadro, a 18% em overlay sobre tudo, para juntar a foto real com os objetos gerados.\n\n## Transições\n\nHeader do celular → pílula do túnel; botão → estúdio; whip pan entre as estações; card do Dunk → chip da frase; estúdio que recua (0,82) por baixo da frase; zoom de 7× no monograma da sacola → reveal circular do logo.\n\n## Trilha\n\n | \n\n | Item\n | Valor\n\n | Música\n | \"I'm Good (Blue)\", 127,8 BPM, Sol menor; batida de 0,4695 s e compasso de 1,878 s\n\n | Até 7,512 s\n | o remix da introdução: voz isolada e tonais até o drop em 5,634 s\n\n | Depois\n | a faixa original a partir de 45,1 s, alinhada por correlação (0,97) e ganho por mínimos quadrados (0,53), com cruzamento de 30 ms numa cabeça de compasso\n\n | Logo (16,902 s)\n | passa-baixa de 900 Hz misturado por cosseno em 0,9 s, com +1,5 dB; cello em Sol entrando 0,25 s antes; fade de 18,6 a 20 s\n\n## Efeitos\n\n | \n\n | Ação\n | Efeito\n\n | letras digitadas e teclas de vidro\n | `tecla-teclado-1` em cada letra, `bubble-pop` a cada 2 teclas\n\n | mergulho\n | `whoosh-longo-1` + `riser-curto-1`\n\n | digitação na busca e no chip\n | `digitacao-ui-1`\n\n | clique (5,274 s)\n | `click-2`\n\n | drop (5,634 s)\n | `transitions-bigcasualpop`\n\n | tampa salta (6,573 s)\n | `wine-bottle-cork-pop` + `woosh-magic-10`\n\n | whips (7,512 e 9,390 s)\n | `woosh-14` e `woosh-16`\n\n | cards, tênis e palavras\n | `pop-6`, `pop-16`, `pop-1`, `pop-2`, `pop-3`\n\n | + vira check\n | `clique-3` + `sucesso-1`\n\n | sacola cai e pousa\n | `whoosh-curto-1` + `papel-cair-1`\n\n | logo (16,902 s)\n | `ping-boom-G5` (tonal em Sol, sobe 3 s e explode) + `whoosh-longo-1`\n\n- Cada efeito entra em `instante da ação − pico do arquivo`.\n\n- A música toca cheia, sem voz; depois do drop, os pops ficam em volume de cerca de 0,2 para não sumir sob o baixo.\n\n- **Final:** −14,0 LUFS, AAC a 256 kbps.\n\n## O que é \"humano\" neste vídeo\n\n- A câmera de mão treme de leve na abertura.\n\n- Tudo que flutua deriva com ruído suave; o logo gira e flutua até o fim.\n\n- Mão e botão afundam juntos no clique; a sacola amassa ao pousar."
    },
    {
      "titulo": "A montagem no Remotion",
      "texto": "| \n\n | Arquivo\n | O que faz\n\n | `ApresentandoClubeV3.tsx`\n | todos os tempos saem de três constantes da grade da música (`B` = 0,4695 s, `BAR` e `DROP`); cada ato é um componente (`CenaCelular`, `CenaTunel`, `CenaEstudio`, `CenaFrase`, `CenaSacola`, `CenaLogo`); as tabelas `T` (produtos), `TUNEL`, `DECO` e `BUSCA` concentram o que muda de uma loja para outra\n\n | funções portadas do AE\n | `mola()` (Overshoot), `quique()` (Bounce Back), `molaFisica()` (easing4), `suaveAleatorio()` (smoothRandom), `tremor()` (biasedWiggle), `FiltroWhip` (aberração cromática), cursor de FastBlink e `rnd()` de semente fixa, para o render sair sempre igual\n\n | `recortar.py`\n | recorta as fotos do catálogo com rembg e grava nome, marca, preço, selo HOT e proporção de cada tênis em `img/tenis/info.json`\n\n | `gerados/*.json`\n | o prompt e os parâmetros de cada imagem gerada\n\n | `montar_trilha.py`\n | alinha a faixa original com a introdução por correlação, emenda em 7,512 s com cruzamento de 30 ms, abafa a música com passa-baixa de 900 Hz no logo, põe o cello em Sol e faz o fade de 18,6 a 20 s\n\n- **Monte a pasta:** ponha `src/` e `public/` do pacote num projeto Remotion (ou use o `package.json` do pacote e rode `npm i`).\n\n- **Registre a composição** no seu `Root.tsx`: `<Composition id=\"ApresentandoClubeV3\" component={ApresentandoClubeV3} fps={30} width={1080} height={1920} durationInFrames={Math.round(APRESENTANDO_CLUBE_V3_SEC * 30)} />`, importando os dois de `./clube-apresentando/ApresentandoClubeV3`.\n\n- **Som:** escolha a sua música, monte a introdução e rode o `montar_trilha.py` com os caminhos dela no topo; ele grava `trilha-v3.wav`, que vai para `public/clube-v3/audio/trilha.wav`. Ponha em `public/clube-v3/sfx/` os efeitos que ficaram fora, com os mesmos nomes. Se a música tiver outro BPM, troque `B` no `.tsx`: tudo se move junto.\n\n- **Ver:** `npx remotion studio`.\n\n- **Rascunho rápido:** `npx remotion render ApresentandoClubeV3 out/rascunho.mp4 --scale=0.5`, depois folhas de contato e quadros cheios nos momentos críticos (`npx remotion still … --frame=N`).\n\n- **Final:** `npx remotion render ApresentandoClubeV3 out/bruto.mp4 --crf=16` e a finalização do `tutorial/04-finalizacao-proximo-e-erros.md`: conversão para faixa de TV em `yuv420p`, ganho para −14,0 LUFS, AAC e a etiqueta BT.709 com `h264_metadata`.\n\n**Pegadinhas:** o Remotion sai em `yuvj420p` sem etiqueta, e as cores lavam no Instagram sem a conversão. Converta todo o áudio para 48 kHz antes de correlacionar (com taxas diferentes, a correlação deu 0,15 e um ponto errado). Medir a linha de texto mais longa: a 96 px, com a câmera a 1,4×, \"Clube dos Sneakers\" cortava nas bordas (foi para 76 px)."
    },
    {
      "titulo": "As decisões de direção",
      "texto": "- **Mostrar o produto do jeito que o cliente chega a ele:** celular → busca → caixa → vitrine → frase → sacola → logo.\n\n- **Tudo é real:** a home do site recriada dentro do celular, os cards do túnel com fotos, nomes e preços do catálogo, o texto do banner da loja e os tokens tirados do CSS (fonte, selo HOT, azul do cupom, sombra, curva).\n\n- **Forma que vira a próxima.** O header do celular vira a pílula de busca do túnel sem salto; o botão infla e vira o estúdio; o card vira o chip da frase; o monograma da sacola abre o logo num reveal circular.\n\n- **A música manda no tempo.** Mergulho no respiro da voz (2,8 s), clique no silêncio antes do drop (5,274 s), drop no botão que infla (5,634 s), whips nas cabeças de compasso (7,512 e 9,390 s), check na batida (12,676 s) e logo numa cabeça de compasso (16,902 s).\n\n- **Profundidade de verdade:** túnel com `perspective`, quem passa rente à câmera desfoca, as decorações do estúdio têm paralaxe e os whips ganham desfoque direcional e aberração cromática proporcionais à velocidade.\n\n- **As expressões do After Effects viraram funções**, então a mola, o quique, a deriva e o tremor de câmera de mão saem iguais aos da biblioteca.\n\n- **O fecho repete a abertura:** teclas de vidro saltam do logo e o nome é digitado letra a letra de novo.\n\n- **Um som por ação**, com o pico no instante do evento; depois do drop, os pops subiram para não sumir sob o baixo.\n\nDetalhes de tokens, curvas e efeitos: estilo.md. Cenas por tempo: roteiro.md. Para fazer um vídeo no mesmo método com a sua loja ou produto: PROMPT.md."
    },
    {
      "titulo": "As versões até o final",
      "texto": "| \n\n | Versão\n | O que mudou\n\n | v1 e v2\n | 10 s: logo, nome, frase, busca, card do produto e grade; o clique em 5,274 s e a introdução da trilha aprovados aqui seguiram para a v3\n\n | **v3**\n | aprovada: 20 s em 6 atos, com celular na mão, túnel 3D, estúdio, whips, chip da frase, sacola e logo em gradiente. Antes da entrega, uma IA ouviu o vídeo e apontou três falhas, todas corrigidas: pops inaudíveis, queda brusca de volume no logo e sombras soltas"
    }
  ],
  "pacote": [
    {
      "pasta": "projeto/",
      "conteudo": "`src/clube-apresentando/ApresentandoClubeV3.tsx` (o vídeo inteiro), `public/clube-v3/` com `img/` (mão, celular, caixa, tampa, sacola, esferas, cubo, banner, 14 recortes de tênis e emojis 3D), `logos/` (monograma CDS), `marcas/` (Nike, Jordan, adidas, New Balance e On), `gerados/` (os prompts das imagens em JSON), `recortar.py` e `sfx/` (os 20 efeitos da biblioteca nivelada que o vídeo usa); e `package.json`, `remotion.config.ts` e `tsconfig.json`"
    },
    {
      "pasta": "audio/",
      "conteudo": "`montar_trilha.py`, que emenda o remix da introdução com a faixa original, abafa a música no logo e põe o cello em Sol"
    },
    {
      "pasta": "referencias/",
      "conteudo": "`linha-do-tempo-quadro-a-quadro.md`, `tutorial/` (o método em 5 partes: atos, componentes com valores, som, finalização e erros), `estudo-da-referencia.md`, `guia-apple-style.md`, `sound-design-de-referencia.md`, `links.md` e `fora-do-pacote.md`"
    },
    {
      "pasta": "render.mp4",
      "conteudo": "o vídeo final (v3)"
    },
    {
      "pasta": "ApresentandoClubeV3.tsx",
      "conteudo": "todos os tempos saem de três constantes da grade da música (`B` = 0,4695 s, `BAR` e `DROP`); cada ato é um componente (`CenaCelular`, `CenaTunel`, `CenaEstudio`, `CenaFrase`, `CenaSacola`, `CenaLogo`); as tabelas `T` (produtos), `TUNEL`, `DECO` e `BUSCA` concentram o que muda de uma loja para outra"
    },
    {
      "pasta": "recortar.py",
      "conteudo": "recorta as fotos do catálogo com rembg e grava nome, marca, preço, selo HOT e proporção de cada tênis em `img/tenis/info.json`"
    },
    {
      "pasta": "gerados/*.json",
      "conteudo": "o prompt e os parâmetros de cada imagem gerada"
    },
    {
      "pasta": "montar_trilha.py",
      "conteudo": "alinha a faixa original com a introdução por correlação, emenda em 7,512 s com cruzamento de 30 ms, abafa a música com passa-baixa de 900 Hz no logo, põe o cello em Sol e faz o fade de 18,6 a 20 s"
    }
  ],
  "prompt": "Quero um vídeo de apresentação no mesmo método do projeto \"Apresentando o Clube dos Sneakers\", que está em 07-videos/projetos/apresentando-clube/, com a minha loja ou produto.\n\nLoja, marca ou produto: {{MARCA}}\nSite oficial (para tirar fonte, cores, selos, botões, header e textos reais): {{SITE}}\nCatálogo ou fotos dos produtos, com nome e preço verdadeiros: {{PRODUTOS}}\nA frase que o vídeo apresenta: {{FRASE}}\nEmbalagem e sacola da marca (fotos, ou eu autorizo gerar com o logo): {{EMBALAGEM}}\nMúsica (de preferência com um drop marcado): {{MUSICA}}\nDuração: {{DURACAO}} (a referência tem 20 s) · Formato: {{FORMATO}} (a referência é 1080×1920, 30 qps)\n(Se algum desses estiver vazio ou com as chaves, me pergunte antes de começar.)\n\n1. Estude o projeto antes de propor qualquer coisa. Leia LEIA-ME.md, estilo.md e roteiro.md e depois referencias/tutorial/, na ordem das partes. Abra projeto/src/clube-apresentando/ApresentandoClubeV3.tsx e veja como B, BAR e DROP comandam todos os tempos, as tabelas T, TUNEL, DECO e BUSCA, as funções mola, quique, molaFisica, suaveAleatorio, tremor e FiltroWhip, a homografia da tela do celular e o tunelPonto(). Leia também audio/montar_trilha.py. Me explique em poucas linhas o que você vai reaproveitar.\n\n2. Mapeie os 6 atos no meu assunto antes de animar: o que é o celular, o que é a busca, que objeto se abre como a caixa, quais produtos entram nas estações, como a frase vira chip e o que faz o papel da sacola. Me mostre a tabela e espere meu ok.\n\n3. Tire a identidade do site, não da imaginação: abra a loja no navegador e leia fonte, cores, selos, botões, header, sombra e curva com getComputedStyle e no CSS. A paleta Apple entra só no texto secundário, no check e no logo.\n\n4. Use produtos reais: recorte as fotos do meu catálogo com o recortar.py e mantenha nome e preço verdadeiros. Gere só o que é da marca (embalagem, sacola, objeto de cena na cor da marca), com o logo como referência; a mão com o celular, as esferas e o cubo do pacote servem para qualquer marca.\n\n5. Monte a trilha primeiro e meça a grade: BPM, drop, respiros e silêncios da introdução. O mergulho cai num respiro, o clique no silêncio antes do drop, o drop no botão que infla, os whips nas cabeças de compasso e o logo numa cabeça de compasso com um tonal no tom da música. Adapte o montar_trilha.py para emendar a introdução com a faixa original.\n\n6. Construa copiando o .tsx, sem editar o original: troque T, TUNEL, DECO, BUSCA, os textos, os tokens e B e DROP. Mantenha cada passagem como forma que vira a próxima (header → pílula, botão → estúdio, card → chip, sacola → logo), o rnd() de semente fixa e as sombras de contato.\n\n7. Um efeito por ação, com o pico no instante do evento: tecla por letra, whoosh no mergulho, clique, golpe no drop, rolha na tampa, whoosh nos whips, pop em cada card e tênis, clique e sucesso no check, papel na sacola e tonal no logo. Depois do drop, confira se os pops não somem sob o baixo.\n\n8. Revise antes do render final: rascunho em meia escala, folhas de contato e quadros cheios nos momentos críticos. Confira que nenhum texto sai do quadro, que o mergulho não deixa fantasma, que cada card fica legível ao menos 0,3 s antes do whip seguinte e que o logo lê certo no tamanho do celular. Peça a uma IA que ouça o vídeo e aponte onde o som não bate com a imagem, e confira os tempos que ela der nos quadros antes de mexer.\n\n9. Render final com --crf=16, conversão de cor para yuv420p em faixa de TV com a etiqueta BT.709 e áudio a −14 LUFS. Entregue o MP4, o .tsx e uma anotação do que mudou em relação à referência.",
  "campos": [
    "DURACAO",
    "EMBALAGEM",
    "FORMATO",
    "FRASE",
    "MARCA",
    "MUSICA",
    "PRODUTOS",
    "SITE"
  ],
  "fonte": {
    "nome": "Clube do Motion",
    "url": "https://clubedomotion.com/projeto/?id=apresentando-clube",
    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
  }
}