{
  "id": "clube-distilbook",
  "titulo": "Um bom professor desenha",
  "categoria": "saas",
  "resumo": "vídeo de produto de 40 s, em 16:9, para o DistilBook, que transforma um documento num vídeo explicativo desenhado à mão e narrado. É uma recriação do \"Distilbook product video\" de Ajith Pinninti (@ajith_io, fundador do DistilBook), publicado no prompt-motion.com (`ajith-io-c52e09`) e feito numa tentativa só com o Claude Opus 5.5 a partir do pedido \"Research Distilbook\" e do prompt genérico de showreel. A ideia central da recriação está no logo: os três livros (verde, azul e rosa) viram os três passos do produto (enviar, revisar, assistir). Um cartão só viaja num papel contínuo e se transforma de upload em roteiro e de roteiro em tela de desenho; a planta da aula é desenhada no ritmo de uma narração curta, e \"6 minutes.\" cai exatamente no drop da música. Feito em HyperFrames (HTML + GSAP), com 118 efeitos sonoros.",
  "indicado": "startup ou SaaS que precisa explicar um fluxo em etapas; produto de educação, criação de conteúdo ou documentos.",
  "estilo": [
    "papel claro",
    "letra de mão",
    "desenho ao vivo",
    "cartão único",
    "câmera contínua",
    "drop no benefício"
  ],
  "ficha": {
    "formato": "1920×1080, 60 qps, 16:9, cor BT.709",
    "duracao": "40,0 s",
    "motor": "ae",
    "voz": "uma frase de 3,94 s em inglês, a narração da aula de exemplo (ElevenLabs, voz \"Bella\", Eleven v4); o resto é texto na tela",
    "musica": "ver o guia de estilo",
    "fontes": "ver o guia de estilo"
  },
  "ferramentas": [
    "Claude Code",
    "After Effects",
    "ElevenLabs"
  ],
  "ficha_tecnica": {
    "Duração": "40,0 s",
    "Formato": "1920×1080, 60 qps, 16:9, cor BT.709",
    "Voz": "uma frase de 3,94 s em inglês, a narração da aula de exemplo (ElevenLabs, voz \"Bella\", Eleven v4); o resto é texto na tela",
    "Ferramenta": "HyperFrames 0.8.144 (HTML + GSAP); render a 240 qps juntado em 60 qps com motion blur",
    "Referência": "\"Distilbook product video\" (@ajith_io), 40 s, categoria Product UI",
    "Trilha": "\"A Sky Full of Stars\" (Coldplay), 125 BPM: intro de piano, emenda no build e drop em 23,04 s",
    "Som": "118 efeitos; mix final a −14,0 LUFS, pico −1,3 dBTP"
  },
  "etapas": [
    {
      "titulo": "O roteiro e a voz",
      "texto": "**Resumo:** o vídeo apresenta o DistilBook em três passos (enviar o material, revisar o roteiro, assistir ao desenho) e depois mostra o que vem junto: o tempo até o primeiro slide, os estilos, os formatos, os idiomas e a marca do cliente. O texto da tela está em inglês, como no site, e foi mantido exatamente como aparece. A única fala é a narração da aula de exemplo, no passo 3.\n\n## Como a história foi montada\n\n- **Gancho:** a frase de um professor escrita à mão (\"A good teacher doesn't read the page. / They draw it.\"), cujo sublinhado vira o logo.\n\n- **Três passos = três livros do logo**, cada um com a sua cor, um título grande e uma linha de apoio.\n\n- **Benefício no drop:** \"Not a week.\" é riscado e \"About 6 minutes.\" cai na volta da música.\n\n- **Lista do que vem junto**, uma cena por item, cada uma nascendo da anterior.\n\n- **Fecho:** o logo se monta como na abertura, com a frase da marca e o botão do site.\n\n## A narração (passo 3)\n\n\"Roots drink water from the soil and send it up the stem to the leaf.\"\n\nElevenLabs, voz \"Bella\", Eleven v4; 3,94 s, começando em 16,30 s do vídeo. O tempo de cada palavra está em `audio/narr-words.json` e comanda o desenho.\n\n## Texto da tela, na ordem\n\n- `A good teacher doesn't read the page.` · `They draw it.`\n\n- `DistilBook` · `Turn any document into an animated explainer video.`\n\n- `Add your material.` · `PDF, Word, notes, a link, or just a topic.` · `Drop your file here` · `PDF, Word, text, or a link` · `Photosynthesis_Chapter7.pdf` · `Reading page 1 of 24`\n\n- `Read the script. Fix any line.` · `Nothing is drawn until you approve it.` · `Narration` · `Slide 2 of 6` · `holes` → `pores` · `Edited ✓` · `Approve narration` → `Approved ✓`\n\n- `Watch every idea get drawn.` · `Each one appears as the voice reaches it.` · legenda karaokê da narração\n\n- `Not a week.` (riscado) · `About` · `6 minutes.` · `to your first narrated slide.`\n\n- `Hand-drawn whiteboard or full motion graphics.` · `19 styles. Every scene is drawn for your content. No stock footage, no avatars.`\n\n- `16:9 or 9:16.` · `For courses and YouTube, or Shorts and Reels.`\n\n- `20` · `narration languages.` · `Written in your language, not translated.`\n\n- `Your logo. Your colours.` · `On every video. Every paid plan, from $20 a month.` · `YOUR LOGO`\n\n- `Turn any document into an animated explainer video.` · `distilbook.com` · `Free to try. No card needed.`\n\n## Cenas por tempo\n\n | \n\n | #\n | Tempo (s)\n | Cena\n | O que acontece\n\n | 1\n | 0–3,3\n | abertura escrita à mão\n | a caneta escreve as duas linhas em Caveat, com pausa entre as palavras, e sublinha \"They draw it.\"\n\n | 2\n | 3,3–7,2\n | logo\n | o texto sai, o sublinhado encolhe e vira uma barra que se divide nos três livros (4,2 s); os livros vão para a esquerda e o nome sai de trás deles com um brilho; a frase da marca entra\n\n | 3\n | 7,2–11,1\n | passo 1, verde\n | a câmera viaja; os livros tombam e viram o indicador de passos; uma semente verde cai do primeiro livro, pousa e infla no cartão de upload; os chips de formato entram; o cursor arrasta o PDF para a área tracejada e a barra lê as 24 páginas\n\n | 4\n | 11,1–15,0\n | passo 2, azul\n | o cartão viaja em arco e vira o editor de roteiro; \"holes\" é selecionado e reescrito como \"pores\" (13,56 s), fica verde e ganha \"Edited ✓\"; o botão \"Approve narration\" afunda e vira \"Approved ✓\"\n\n | 5\n | 15,0–21,0\n | passo 3, rosa\n | o cartão vira a tela 16:9; a narração começa em 16,30 s e a planta é desenhada no ritmo dela (raízes, gotas, caule, folha), com legenda karaokê rosa\n\n | 6\n | 21,1–24,4\n | benefício\n | \"Not a week.\" entra e é riscado (21,92 s); \"About\" entra antes do silêncio; **23,04 s, drop:** \"6 minutes.\" cai, o timer fecha o arco e a câmera atravessa o texto\n\n | 7\n | 23,0–27,3\n | mural de estilos\n | os 14 estilos explodem do centro (30 ms entre cada um), a câmera recua devagar, o anel pula entre os estilos na batida e a câmera mergulha no \"Doodle Color Pop\" (26,40 s)\n\n | 8\n | 27,3–31,0\n | formatos\n | corte casado: o estilo em tela cheia encolhe para o quadro 16:9 e vira o celular 9:16; o celular encolhe numa bolinha azul\n\n | 9\n | 30,7–33,0\n | idiomas\n | a bolinha vira o número, que conta até 20; os chips de idioma entram e depois se juntam no centro\n\n | 10\n | 32,6–35,3\n | marca\n | o quadro \"YOUR LOGO\" sobre um estilo do site, com as bolinhas de cor; no fim ele encolhe e vira o livro azul\n\n | 11\n | 34,9–40,0\n | fecho\n | verde e rosa saltam ao lado do azul e o logo se monta como na abertura; o botão infla de bolinha a pílula, o cursor clica com ondulação e faíscas acendem na batida\n\n## Momentos para a trilha\n\n- 0–7,68 s: intro de piano da música (4 compassos).\n\n- 7,68 s: emenda no build; a voz da música sai antes da narração (15,9 s).\n\n- 16,30–20,24 s: narração, com o instrumental ~11 dB abaixo.\n\n- 22,52–23,04 s: silêncio antes do drop.\n\n- 23,04 s: drop em \"6 minutes.\"; daí até o fim, a parte cheia da música.\n\nOs tempos fortes medidos estão em `audio/sky-beats.json`."
    },
    {
      "titulo": "A identidade visual",
      "texto": "**Resumo:** a identidade é a do site do DistilBook: tinta azul-marinho, os três livros do logo em verde, azul e rosa, Inter pesada nos títulos e a letra de mão (Caveat) na abertura, sobre um papel creme pontilhado. O movimento é de câmera que viaja num papel contínuo, com um cartão que se transforma e desenho que acompanha a voz; a cor de cada passo acende atrás dele como um brilho suave. Os números saem do `hf/index.html` e do `audio/mix.py`.\n\n## Fontes\n\n | \n\n | Uso\n | Fonte\n | Arquivo no pacote\n\n | Títulos (800, 86 px, espaçamento −0,035 em) e interface\n | Inter 400 a 800\n | `hf/fonts/Inter-400.ttf` … `Inter-800.ttf`\n\n | Abertura escrita à mão\n | Caveat\n | `hf/fonts/Caveat.ttf`\n\nSubtítulos em Inter 500, 28 px, cinza `#64748B`. As palavras dos títulos sobem uma a uma por uma máscara, com mola.\n\n## Cores\n\n | \n\n | Token\n | Hex\n | Papel\n\n | Papel\n | `#FBFAF7`\n | fundo, com pontinhos `#D9D4C8` e vinheta quente bem leve\n\n | Tinta\n | `#0F1729`\n | títulos e texto\n\n | Ardósia\n | `#64748B` / `#94A3B8`\n | subtítulos, abas inativas\n\n | Linha\n | `#E2E8F0`\n | divisores, barra de progresso vazia\n\n | Verde (Add)\n | `#22C55E` (claro `#86EFAC`)\n | livro e passo 1\n\n | Azul (Edit)\n | `#3B69F3` (claro `#93C5FD`)\n | livro e passo 2, aba ativa\n\n | Rosa (Watch)\n | `#DB2777` (claro `#F9A8D4`)\n | livro e passo 3, legenda karaokê\n\nDegradês de texto por passo: verde `#16A34A → #22C55E → #4ADE80`, azul `#2752E0 → #3B69F3 → #6B8EFF`, rosa `#BE185D → #DB2777 → #F472B6`; \"colours.\" usa `#F97316 → #DB2777 → #3B69F3 → #14B8A6`. Atrás de cada passo, um círculo de 1.400 px com a cor clara do livro (≈40%) acende devagar.\n\n## Componentes\n\n | \n\n | Peça\n | Como é\n\n | Logo\n | três livros desenhados a partir do SVG oficial (5,5 px por unidade), com o nome saindo de trás deles por recorte e um brilho em degradê passando no nome\n\n | Indicador de passos\n | os livros deitados viram pílulas \"1 Add\", \"2 Edit\", \"3 Watch\"; a ativa enche com a cor e pulsa de leve\n\n | Cartão\n | branco, borda de 7% de tinta, sombra larga (`0 40px 90px -20px` a 18%); nasce de uma semente: círculo de 60 px → quadrado de 300 px com mola → pausa de 0,08 s → cartão\n\n | Upload\n | área tracejada `#CBD5E1` sobre `#F8FAFC`, raio 22; chips PDF, DOCX, TXT e Web link; arquivo \"Photosynthesis_Chapter7.pdf\" com barra \"Reading page N of 24\"\n\n | Editor de roteiro\n | aba \"Narration\", selo \"Slide 2 of 6\", três parágrafos; \"holes\" vira \"pores\" com seleção azul; \"Approve narration\" aperta e vira \"Approved ✓\"\n\n | Tela de desenho\n | 16:9 dentro do cartão; planta em SVG com rótulos \"roots\", \"water\", \"leaf factory\", \"sunlight\"; legenda karaokê rosa embaixo\n\n | Mural\n | os 14 quadros de estilo do site num plano 3D inclinado; um anel pula entre eles na batida\n\n | Celular\n | o quadro 16:9 vira um celular 9:16, com seletor 16:9 / 9:16\n\n | Idiomas\n | contador até 20 e grade de chips que se juntam no centro ao sair\n\n | Marca\n | quadro \"YOUR LOGO\" sobre um estilo do site e bolinhas de cor\n\n | Fecho\n | logo montado como na abertura, frase da marca, botão `distilbook.com` que infla de bolinha a pílula, clique com ondulação e faíscas na batida\n\n## Transições\n\nTudo acontece num \"mundo\" de papel; a câmera viaja entre estações em 0,64 a 0,88 s com a curva SAAS e o cartão segue em arco, um quadro atrasado. A semente vira cartão, o cartão vira roteiro e o roteiro vira tela. No drop, a câmera atravessa o texto (+220% de zoom em 0,6 s). Do mural ao celular, corte casado: o quadro 16:9 em tela cheia vira o quadro da cena seguinte. O celular encolhe numa bolinha azul que vira o número de idiomas; os chips de idioma se juntam no quadro da marca; o quadro da marca vira o livro azul.\n\n## Curvas e molas\n\n | \n\n | Nome\n | Curva\n | Uso\n\n | SAAS\n | `cubic-bezier(.86, 0, .07, 1)`\n | viagens de câmera, nome saindo dos livros\n\n | SOFT\n | `cubic-bezier(.45, 0, .2, 1)`\n | assentamentos e o recuo do mural\n\n | INE\n | `cubic-bezier(.33, 0, .67, 1)`\n | saídas suaves\n\n | OUT\n | `cubic-bezier(.16, 1, .3, 1)`\n | entradas rápidas\n\n | INQ\n | `cubic-bezier(.55, 0, .9, .4)`\n | câmera atravessando o texto no drop\n\n- **Mola padrão:** linear de 0 a 1 em 0,25 s e inércia de amplitude 0,05, frequência 2, decaimento 4 (~112%). Vale para palavras, chips, semente e botão.\n\n- **Escrita à mão:** máscara em degradê cuja borda anda com a ponta da caneta, com pausa entre palavras; a caneta treme na vertical. No desenho, a caneta segue a ponta do traço real (`getPointAtLength`).\n\n- **Motion blur:** render a 240 qps e `tmix=frames=4` para 60 qps; rastro visível nas viagens, no mergulho do mural e nos livros tombando.\n\n## Câmera\n\nQuatro viagens (7,20–8,00 · 11,12–11,96 · 15,04–15,92 · 20,92–21,56 s). Em cada parada, um empurrão lento de +1,0 a +1,4% por segundo que volta a zero dentro da viagem seguinte, na mesma curva. Por cima, sempre: deriva senoidal em duas frequências (±5 e ±2,5 px em x, ±4 e ±2 px em y), ±0,3% de escala e rotação de até ~0,17°.\n\n## Trilha\n\n | \n\n | Item\n | Valor\n\n | Música\n | \"A Sky Full of Stars\" (Coldplay), 125 BPM\n\n | Montagem\n | vídeo 0–7,68 s = música 0,76–8,44 s (4 compassos da intro de piano); 7,68–23,04 s = música 62,22–77,58 s (build); 23,04–40 s = música 77,58–94,54 s (drop)\n\n | Voz da música\n | separada pelo Demucs e retirada antes da narração; instrumental ~11 dB abaixo dela\n\n | Narração\n | \"Roots drink water from the soil and send it up the stem to the leaf.\" (3,94 s), a partir de 16,30 s\n\n | Respiro\n | instrumental a zero de 22,52 a 23,04 s (−43 dB medido)\n\n | **Drop**\n | **23,04 s**, em \"6 minutes.\", com Ping Boom em Fá sustenido, impacto e whoosh grave\n\n## Sound design e mix\n\n | \n\n | Ação na tela\n | Efeito\n\n | escrita à mão, desenho da planta\n | caneta (quatro variações)\n\n | texto sai, câmera viaja\n | whoosh curto ou longo\n\n | livros nascem, chips, semente pousa\n | pop, com tom subindo em sequência\n\n | nome sai de trás dos livros, PDF arrastado\n | papel deslizando, páginas virando\n\n | digitação no roteiro\n | tecla de teclado\n\n | clique do cursor, aprovação\n | clique de mouse, sucesso, carimbo\n\n | gotas da planta\n | pop com tom variando\n\n | leitura das páginas, contador de idiomas\n | contador rolando\n\n | timer do \"6 minutes\"\n | tique de relógio\n\n | antes do drop / no drop\n | riser / impacto + Ping Boom + whoosh grave\n\n | fecho\n | sino e três pops subindo\n\n- 118 efeitos em `at = evento − pico`; mesma família de som para a mesma ação, com tom variado.\n\n- Barramentos: música a −19 LUFS, narração a ~−17 LUFS no trecho dela, efeitos ×2,2; depois limitador (`alimiter` 0,74) e `loudnorm` até −14,0 LUFS, pico −1,3 dBTP. As três camadas do drop ficam a ~0,25 cada (somadas, passavam de +2,5 dBTP).\n\n- Sincronia medida na faixa só de efeitos: erro mediano de 24 ms nos efeitos de ataque.\n\n## O que é \"humano\" neste vídeo\n\n- A letra de mão escreve com pausas entre as palavras, como uma mão de verdade.\n\n- O traço da planta treme como lápis, e a caneta acompanha a ponta.\n\n- Os livros respiram na batida e \"deitam\" em vez de se achatarem.\n\n- O cartão respira de tamanho enquanto viaja.\n\n- O botão de aprovar afunda antes de virar \"Approved ✓\".\n\n- O silêncio antes do drop segura a frase \"About…\" e solta \"6 minutes.\" com tudo."
    },
    {
      "titulo": "A montagem no HyperFrames",
      "texto": "| \n\n | Arquivo\n | O que faz\n\n | `hf/index.html`\n | a composição: uma função `frame(t)` desenha o quadro inteiro a partir do tempo, chamada por um único tween de 40 s; a câmera do \"mundo\" (`camW`) e o cronograma do desenho (`DRAW`, relativo ao início da narração) ficam no mesmo arquivo\n\n | `audio/mix.py`\n | monta a música (4 compassos da intro, emenda no build, respiro e drop), tira a voz da música sob a narração, soma os efeitos em `evento − pico` e nivela por barramento: música −19 LUFS, narração ~−17 LUFS no trecho dela, efeitos ×2,2; grava `mix-pre.wav` e `so-efeitos.wav`\n\n | `render/montar.sh`\n | junta o render de 240 qps em 60 qps com `tmix` de 4 quadros, põe o áudio final e monta a comparação com o original\n\nO `mix-final.wav` sai do `mix-pre.wav` com limitador (`alimiter` 0,74) e `loudnorm` para −14 LUFS e no máximo −1 dBTP.\n\n- **Instale o básico:** Node.js (para o `npx`), ffmpeg e Python 3 com numpy, librosa, soundfile, scipy e pyloudnorm. As fontes e o GSAP já vêm no pacote.\n\n- **Monte a pasta:** deixe `hf/` e `render/` como vieram e coloque `audio/` ao lado delas; o `mix.py` lê a música e as partes separadas da própria pasta `audio/`.\n\n- **Veja a composição:** dentro de `hf/`, rode `npx --yes hyperframes@0.8.144 preview`, ou `npm run check` para validar.\n\n- **Refaça o som** (opcional): no `mix.py`, aponte `N` para `audio/sfx/nivelados` e `TON` para `audio/sfx/tonais` e rode `python audio/mix.py`.\n\n- **Render:** da pasta do projeto, `npx --yes hyperframes@0.8.144 render hf --fps 240 --quality high --workers 3 --output render/raw240.mp4` (levou de 13 a 20 min com outros renders rodando), depois `bash render/montar.sh`. Para a comparação, aponte `REF` para o vídeo original em `referencias/original/`.\n\n**Pegadinhas:** `filter: drop-shadow` direto num texto com `background-clip: text` desenha um retângulo claro atrás da palavra; a sombra vai no título inteiro. O empurrão lento de câmera em cada parada precisa voltar a zero dentro da viagem, na mesma curva; se zerar no primeiro quadro da viagem, aparece um pulo de zoom. Depois de todo render, rode o detector de saltos: quadro com diferença maior que 3× a mediana dos vizinhos é salto a explicar ou corrigir."
    },
    {
      "titulo": "As decisões de direção",
      "texto": "- **A marca do site, conferida no dia.** Paleta, logo, ícones, slides e estilos vieram do site. Os números também: \"Turn any document into an animated explainer video\", 20 idiomas e planos a partir de US$ 20 (o original estava com dados velhos).\n\n- **O logo conta o produto.** O sublinhado da frase de abertura vira uma barra, a barra se divide nos três livros, e cada livro é um passo: verde = Add, azul = Edit, rosa = Watch. No fecho, o quadro da marca encolhe e vira o livro azul.\n\n- **Tombar em vez de achatar.** Para virar o indicador de passos, cada livro gira 90° enquanto troca largura e altura, e só no fim troca para a pílula sem giro; morfar direto passava por um quadrado feio.\n\n- **Um cartão só.** Uma semente verde cai do primeiro livro, infla como círculo, quadrado e cartão, e esse cartão viaja em arco entre as estações: upload, roteiro, tela de desenho.\n\n- **Desenho no ritmo da voz.** A planta é um SVG feito à mão com `stroke-dashoffset`, aguada de cor depois do traço e um filtro de turbulência para tremer como lápis; cada parte entra quando a narração diz a palavra (raízes, gotas, caule, folha), e a caneta segue a ponta do traço.\n\n- **Respiro e drop.** A música vai a zero na última batida antes do drop (22,52–23,04 s); \"About\" entra antes do silêncio e \"6 minutes.\" cai no primeiro quadro do drop, quando os 14 estilos explodem por trás.\n\n- **Câmera que nunca para.** Num papel pontilhado contínuo, a câmera viaja entre as estações e, em cada parada, empurra devagar (+1 a 1,4% por segundo) com deriva por cima.\n\n- **Corte casado no mural.** O mergulho termina com um quadro 16:9 em tela cheia, e a cena seguinte começa com a mesma imagem, que encolhe para o quadro e vira o celular 9:16.\n\nDetalhes de cores, curvas e som: estilo.md. 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 | vídeo completo; o detector achou quatro pulos de zoom (7,2 / 11,13 / 15,05 / 20,93 s), uma troca seca de cor da semente para o cartão (8,57 s) e um \"levanta\" binário no mural (25,45 s)\n\n | v2\n | saíram os pulos de zoom, a cor seca e o \"levanta\" binário\n\n | **v3**\n | editor de roteiro mais legível (texto de 25 px, cartão 900×540) e sem a caixa clara atrás das palavras com degradê; só resta o clarão intencional do drop"
    }
  ],
  "pacote": [
    {
      "pasta": "projeto/",
      "conteudo": "`hf/index.html` (a composição inteira), `hf/gsap.min.js` local, as fontes Inter (400 a 800) e Caveat em `hf/fonts/`, os assets reais do site em `hf/assets/` (logo e marca em SVG, ícones PDF/DOCX/TXT, 24 slides e 14 quadros de estilo), `hf/BRIEF.md`, os arquivos do projeto HyperFrames e o `render/montar.sh`"
    },
    {
      "pasta": "audio/",
      "conteudo": "mix final, faixa só de efeitos (`so-efeitos.wav`), narração (`narr.mp3`) e o tempo de cada palavra (`narr-words.json`), a música e as partes separadas pelo Demucs (voz e instrumental), as batidas (`sky-beats.json`), o `mix.py` e os efeitos usados em `audio/sfx/`"
    },
    {
      "pasta": "referencias/",
      "conteudo": "o vídeo original, o prompt original, as folhas de contato do original, a comparação lado a lado, o `APRENDIZADOS.md`, a análise do áudio do original, os painéis dos slides e dos estilos do site, e os logos e ícones baixados do site"
    },
    {
      "pasta": "render.mp4",
      "conteudo": "o vídeo final"
    },
    {
      "pasta": "hf/index.html",
      "conteudo": "a composição: uma função `frame(t)` desenha o quadro inteiro a partir do tempo, chamada por um único tween de 40 s; a câmera do \"mundo\" (`camW`) e o cronograma do desenho (`DRAW`, relativo ao início da narração) ficam no mesmo arquivo"
    },
    {
      "pasta": "audio/mix.py",
      "conteudo": "monta a música (4 compassos da intro, emenda no build, respiro e drop), tira a voz da música sob a narração, soma os efeitos em `evento − pico` e nivela por barramento: música −19 LUFS, narração ~−17 LUFS no trecho dela, efeitos ×2,2; grava `mix-pre.wav` e `so-efeitos.wav`"
    },
    {
      "pasta": "render/montar.sh",
      "conteudo": "junta o render de 240 qps em 60 qps com `tmix` de 4 quadros, põe o áudio final e monta a comparação com o original"
    }
  ],
  "prompt": "Quero um vídeo de produto no mesmo estilo do projeto \"Um bom professor desenha\" (DistilBook), que está em 07-videos/projetos/distilbook/, para o meu produto.\n\nProduto: {{PRODUTO}}\nSite: {{SITE}} (pesquise o produto e tire de lá a identidade, os passos e os números)\nOs passos do produto (2 a 4): {{PASSOS}}\nO benefício principal, em poucas palavras, para cair no drop: {{BENEFICIO}}\nO que vem junto (até 4 itens): {{EXTRAS}}\nChamada final e endereço: {{CHAMADA}}\nDuração aproximada: {{DURACAO}} (a referência tem 40 s, 16:9)\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 e roteiro.md da pasta distilbook e o referencias/APRENDIZADOS.md. Abra o projeto/hf/index.html e me explique em poucas linhas como funcionam a função frame(t), a câmera do mundo (camW), o cartão único e o cronograma do desenho (DRAW), e o que você vai reaproveitar.\n\n2. Pesquise a marca no site, no dia: baixe o logo em SVG, ícones, imagens de vitrine e o CSS (cores e fontes) e confira os números que aparecem no site (preço, quantidades). Anote cada valor com a fonte. Nada de dado velho.\n\n3. Olhe o meu logo e veja se ele tem partes (formas, letras, barras, pontos). Se tiver, proponha cada parte como um passo do produto, com a cor dela, e como o logo se monta na abertura e volta no fecho. Se não tiver, proponha outro objeto da marca que possa fazer esse papel. Me mostre a estrutura cena a cena, com o respiro antes do drop e o benefício caindo nele, antes de construir.\n\n4. Se houver uma frase narrada (como a aula de exemplo da referência), escreva só a estrutura e espere eu aprovar o texto; gere a voz na ElevenLabs, confira as palavras no faster-whisper e use o tempo de cada palavra para comandar o desenho.\n\n5. Trilha num subagente: música real que eu ainda não usei. Meça com o beat_this, emende por compasso para o drop cair no benefício, zere o instrumental na última batida antes do drop e tire a voz da música (Demucs) onde houver narração. Entregue o mapa de tempos.\n\n6. Reaproveite a engenharia, troque o conteúdo. Mantenha: tudo como função do tempo num único tween, câmera viajando num papel contínuo com empurrão lento em cada parada (que volta a zero dentro da viagem, na mesma curva) e deriva por cima, a mola padrão (0,25 s linear + ~112%), a curva SAAS nas viagens, o cartão que nasce de uma semente e se transforma, os títulos palavra a palavra com mola, a escrita à mão com pausas, o desenho em SVG com stroke-dashoffset e traço de lápis, o \"tombar em vez de achatar\" e o motion blur por subquadros (240 qps + tmix de 4). Troque: textos, cores, fontes, logo, passos, imagens e trilha.\n\n7. Som: um efeito para cada elemento que entra, sai, é escrito ou clicado, em evento − pico, mesma família para a mesma ação. Mix por barramentos: música a −19 LUFS, narração a ~−17 no trecho dela, efeitos ×2,2, limitador e loudnorm até −14 LUFS e −1 dBTP. Se as camadas do drop estourarem o pico, baixe cada uma.\n\n8. Antes do render completo, me mostre 4 quadros: a abertura, um passo no meio, o drop e o fecho. Depois do render, rode o detector de saltos e corrija todo pulo que não for intencional. Em cada movimento, pergunte: está humano ou robotizado? Entregue o vídeo, a ficha do projeto e uma anotação do que aprendeu.",
  "campos": [
    "BENEFICIO",
    "CHAMADA",
    "DURACAO",
    "EXTRAS",
    "PASSOS",
    "PRODUTO",
    "SITE"
  ],
  "fonte": {
    "nome": "Clube do Motion",
    "url": "https://clubedomotion.com/projeto/?id=distilbook",
    "uso": "liberado pelo dono do Clube do Motion em 18/10/2026 (docs/permissoes/clube-do-motion.md)"
  }
}