CINEMA SITE: roubei o DNA de uma referência
O gancho (adapte com a tua voz): "A tagline desse squad é literal: 'Rouba o DNA da referência. Entrega uma produção de cinema.' Eu vou dar um site de referência e deixar 9 panes trabalharem. Você vai ver cada um."
Checklist de preparação
Tudo isso pronto antes de ligar a câmera — grava com confiança, não improviса.
- Escolhe a referência visual antes de gravar — um site que você genuinamente admira e que tem o DNA certo pro projeto.
- Squad Cinema Site configurado no Overclock. Conhece os 6 campos do intake antes de gravar — não vai travar na hora de preencher ao vivo.
- O projeto que vai receber o DNA da referência definido: o negócio, o conteúdo básico, a ação principal.
- A página /squads/cinema-site aberta pra referenciar os gates durante a gravação.
- Serviço de deploy pronto pra mostrar o resultado no ar.
A estrutura que segura view até o fim
Proporções sobre a duração total — num vídeo de 10 min, 10% ≈ 1 min.
A tagline + a referência escolhida na tela.
- Lê a tagline devagar: "Rouba o DNA da referência. Entrega uma produção de cinema." — e faz uma pausa.
- Abre a referência visual na tela: "quero a vibe desse site aqui. Esse espaçamento, essa tipografia, esse ritmo."
- Declara o que vai acontecer: "vou dar essa referência pro squad e 9 panes vão trabalhar. Você vai ver cada um."
- 💡 A referência visual precisa ser genuinamente boa — o espectador vai olhar pra ela e julgar se o DNA faz sentido. Escolhe algo que te inspire de verdade.
As perguntas do intake respondidas ao vivo — vira o contrato do squad.
- Abre o intake do Cinema Site no Overclock.
- Preenche cada campo em voz alta: negócio, público, ação principal, referência visual, tom.
- Mostra o intake preenchido e comenta: "isso aqui é o contrato — o squad vai trabalhar contra esses critérios."
- Dispara o squad.
Referência visual: [URL do site que tem a vibe]. Negócio: [nome + o que vende]. Público: [descrição em 1 frase]. Ação: [o que o visitante deve fazer]. Tom: [adjetivo]. DNA a extrair: tipografia, espaçamento, hierarquia e paleta — adaptados pra identidade do negócio.- 💡 Preencher o intake ao vivo é meta-conteúdo: o espectador aprende a preencher um bom contrato enquanto assiste.
O scout capturando o design-DNA da referência → styleboard. Gate 1: você aprova.
- Acompanha o pane de scout navegando a referência — mostra ele capturando cores, fontes, proporções.
- O styleboard aparece: mostra na tela completa — paleta, tipografia, exemplos de componentes.
- Gate 1: você aprova o styleboard ou pede ajuste. Se pedir ajuste, mostra a conversa — isso é o que diferencia vídeo de tutorial de vídeo de processo real.
- Aprovado o styleboard, o squad avança pro build.
- 💡 O gate de aprovação é o momento mais importante educacionalmente — mostra o processo de dar feedback, não só aceitar o output.
- 💡 Se a primeira direção ficar boa, comenta: "acertou de primeira — isso acontece quando a referência é clara." Se não, mostra o ajuste.
Copy, frontend e imagens em paralelo. O frame de 9 panes simultâneos é o clímax visual.
- Mostra os panes abrindo em sequência: copy, frontend, imagem 1, imagem 2, imagem 3...
- Posiciona a janela pra mostrar o máximo de panes ao mesmo tempo na tela — esse frame é o thumbnail.
- Narra o que cada grupo de panes está fazendo: "esses aqui estão gerando imagens — 1 agente por imagem em paralelo."
- Quando o copy chegar, passa pro frontend ao vivo — mostra a transferência.
- Quando as primeiras imagens chegarem, mostra na tela — reagindo ao resultado.
- 💡 O pico de 9 panes simultâneos precisa de pelo menos 20 segundos de tela — é a imagem que o espectador vem ver.
- 💡 Não faz zoom em nenhum pane individual durante esse bloco — a grade cheia é o produto visual.
QA verifica. Você navega o site pronto em tela cheia.
- O pane de QA verifica: responsividade, links, texto, imagens.
- Você abre o site no navegador em tela cheia — navega devagar, sem comentar por 5 segundos.
- Coloca a referência e o resultado lado a lado: "pegou o DNA ou ficou genérico?"
- Avalia especificamente: tipografia igual? Espaçamento similar? Paleta fiel?
Honestidade sobre o que o DNA não cobre + fecho puxando APP FACTORY.
- Lista o que o DNA não resolve: conteúdo real do negócio (texto específico, fotos reais), domínio.
- Fecho: "site pronto com DNA de cinema. Mas e um APP inteiro? Próximo vídeo."
O número que ancora o vídeo
O momento de pico com 9 panes simultâneos na tela + referência vs resultado lado a lado.
A limitação dita de frente
O gate existe porque a primeira direção nem sempre acerta — mostra você reprovando/ajustando algo no gate. Isso valida o processo de revisão.
Puxando o próximo vídeo
"Site pronto. Mas e um APP inteiro, backend e frontend em paralelo? Esse é o próximo squad da série: APP FACTORY."
O que trava — e como sair
Todo builder bate nesses pontos. Saber antes economiza uma regravação.
| O erro | O fix |
|---|---|
| O resultado ficou parecido com qualquer site genérico — o DNA não foi capturado. | O DNA está no detalhe: espaçamento generoso, hierarquia clara, tipografia característica. Revisa o prompt do scout pedindo pra extrair especificamente o que torna o site de referência reconhecível — não a vibe geral, mas as características técnicas específicas. |
| O pico de 9 panes não ficou visível — a tela mostrava só 2-3 de cada vez. | Antes de gravar, testa a configuração de janelas: como colocar 9 panes visíveis na tela do seu monitor? Split de tela, janela redimensionada ou grid do próprio Overclock — descobre antes e recria na hora de gravar. |
Como saber que ficou bom
O vídeo está pronto quando: (1) a referência visual aparece claramente no gancho, (2) o gate de aprovação do styleboard é mostrado (aprovando ou ajustando), (3) o frame de pico com 9 panes aparece por pelo menos 20 segundos, (4) o antes (referência) e o depois (resultado) ficam lado a lado no reveal.
Outras formas de gravar este roteiro
- Versão específica: foca num nicho de negócio (restaurante, clínica, escritório de advocacia) — o DNA de referência + negócio específico é mais útil do que genérico.
- Versão comparação: mesma referência, dois estilos de briefing — um vago, um específico. O contraste de resultado ensina a preencher o intake.
Três títulos prontos
Escolhe um, ou usa como base — número e promessa concreta sempre na frente.
| 01 | Esse squad de IA ROUBA o DNA de qualquer site (Cinema Site) |
| 02 | 9 agentes de IA fizeram um site de cinema — a partir de uma referência |
| 03 | Dei um site de referência e olha o que 9 panes devolveram |
Publicou e bateu 1.000 views? Comprova antes dos outros.
São 5 assinaturas Ultra pros 5 primeiros — 4 vídeos com 1.000+ views cada (ou 10.000+ num Shorts) e a vaga é sua.