O método completo, do briefing em branco até o site no ar em domínio próprio. O mesmo arquivo que já gerou seis sites publicados, de seis segmentos diferentes, e nenhum deles parece feito por IA.
Você pede um site para a IA. Volta bonito. Você olha e pensa: isso podia ser de qualquer empresa.
Aí você pede de novo, mais específico. Volta outro, também bonito, também de qualquer empresa. Na terceira tentativa você já não sabe se o problema é a IA ou se é você que não sabe pedir.
Enquanto isso o arquivo continua na sua pasta de Downloads. Nunca foi para o ar, porque publicar parecia a parte difícil, e você deixou para depois.
Ou talvez você já faça sites. Nesse caso o problema é outro: você entrega rápido, entrega certo, e ainda assim o cliente diz "ficou bom" naquele tom de quem não vai mandar para ninguém.
A IA não falha por falta de capacidade. Ela falha por falta de direção.
Quando o pedido é "faz um site bonito para uma clínica", a resposta honesta da IA é a média de todos os sites de clínica que existem. Média é exatamente o que ninguém lembra.
O que muda o resultado não é um prompt mais esperto. É entregar para ela o que um estúdio de verdade entrega para um diretor de arte: um briefing com detalhe concreto, uma metáfora central, uma atmosfera definida em sete dimensões, um momento de assinatura e a ordem em que as coisas precisam acontecer.
É isso que está neste produto. Não um pacote de prompts. Um arquivo que transforma a conversa inteira.
Uma amostra do que saiu deste framework. São sites de verdade, de clientes de verdade, no ar agora: quatro em domínio próprio e dois publicados direto na Vercel, que são caminhos que o método ensina. Os endereços estão escritos em cada janela, e a lista para conferir está no fim desta página.
A metáfora central era tornar visível um consumo invisível. Virou um simulador de economia dentro da página, a comparação entre rateio igual e medição por apartamento em barras, a linha do tempo de um vazamento e a escada de faixas tarifárias. O visitante não lê sobre economia: ele calcula a dele.
Segmento que todo mundo acha impossível deixar memorável. A metáfora de caos virando ordem organizou a página inteira, da abertura à trilha de três etapas da Reforma Tributária.
Abre com "Seu ERP não está quebrado. Está desalinhado." e transforma a objeção em interação: cinco sintomas clicáveis que fazem o visitante se diagnosticar antes de falar com alguém.
Cerimonial vende controle do tempo. Então o site virou um cronograma do dia do evento em duas faixas paralelas, com os cinco atos do trabalho da equipe, e a lista do que está e do que não está incluso.
Aqui o objetivo não era venda direta, era lead qualificado. A página inteira conduz a um formulário de aplicação em cinco etapas, com tabela comparativa e depoimentos reais pelo caminho.
A dor aqui era invisível porque está diluída na semana. Virou uma calculadora de horas gastas com relatório dentro da página, antecedida por cenas numeradas do dia a dia e por uma faixa de palavras em movimento contínuo.
Cada etapa tranca a seguinte. Quem pula o briefing termina com um site bonito que fala com ninguém. Quem pula a direção criativa termina com o site de todo mundo, só com outras cores.
Sete perguntas sobre o negócio, respondidas com cena vivida em vez de adjetivo. "O cliente liga em janeiro perguntando do imposto" é um site. "Atendimento ágil" é um enfeite.
E se você não tem material nenhum, tem um caminho para isso também: dez linhas honestas bastam, com a IA marcando o que inferiu.
você clínica de ortodontia, adultos
ia qual a dor concreta desse público?
você vergonha de aparelho no trabalho
ia metáfora: o invisível que corrige
Antes de qualquer linha de código, a IA para e apresenta três direções radicalmente diferentes. Não três paletas: três metáforas, três atmosferas, três arcos de rolagem.
Essa parada é obrigatória no framework. É a conversa mais barata do método inteiro, porque refazer um site construído sobre um conceito morno custa cinco vezes mais.
você aprovo o 2, com uma mudança
O primeiro entregável da construção não é uma seção bonita: é o design system e os tokens de movimento. Cores por papel, escala de espaçamento base 8, escala tipográfica fluida, durações e curvas de animação.
É o que faz o site ter unidade, em vez de parecer cinco sites colados. E é o que impede a IA de inventar um espaçamento novo a cada seção.
--motion-base: 500ms
--ease-out: cubic-bezier(.22,1,.36,1)
--stagger: 80ms
A régua do método: se a pessoa fechar o site e, cinco minutos depois, não lembrar de nenhum elemento, nenhuma interação, nenhuma sensação, o projeto falhou.
Site rápido, responsivo e acessível é pré-requisito, não objetivo. O checklist cobre os dois: o que a IA testa sozinha, e os catorze itens que só você consegue conferir, com os seus olhos, no seu celular.
A parte que a maioria dos conteúdos sobre IA simplesmente não cobre, e que é onde o projeto morre. Aqui tem o passo a passo das três hospedagens: Netlify arrastando a pasta, Vercel pelo GitHub e cPanel por ZIP.
Com domínio, DNS, certificado e a conferência que quase ninguém faz: abrir o endereço público no celular, com dados móveis, e clicar em tudo.
certificado emitido · site no ar
O mesmo framework, duas trilhas. A diferença é só quanto você quer instalar no computador. Nenhuma das duas é a versão fraca da outra: as exigências de atmosfera, acessibilidade e performance são idênticas.
CLAUDE.md na raiz do projeto"Isso não é só um pacote de prompts caro?"
Não. Pacote de prompts te dá frases. Aqui o que você recebe é um arquivo de 870 linhas que redefine como a IA trabalha na conversa inteira: ordem das fases, paradas obrigatórias de aprovação, gate de cinco perguntas antes do código, lista negra do que é proibido, e um checklist de QA que ela tem que responder item a item. Os prompts prontos existem, mas são curtos de propósito, porque o trabalho pesado está no framework.
"Eu nunca abri um terminal na minha vida."
Então você não vai abrir. A Trilha A inteira roda no navegador: você conversa com a IA, copia o código, salva um arquivo e arrasta na Netlify. O Módulo 1 existe exatamente para você publicar um site de verdade na primeira hora, antes de aprender qualquer teoria, porque quem publica no primeiro dia termina o método.
"Eu já faço sites. O que isso me acrescenta?"
A direção criativa. O framework obriga a IA a parar antes do código e defender três conceitos radicalmente diferentes, com metáfora central, atmosfera em sete dimensões e um Signature Moment que passa por um gate de cinco perguntas. É a diferença entre entregar rápido e entregar uma coisa que o cliente manda para outra pessoa. Tem atalho no manual para você pular a base.
"IA muda toda semana. Isso não vence em três meses?"
As telas das plataformas mudam e as versões de biblioteca envelhecem, sim, e o manual diz isso na cara. O que não muda é a ordem: briefing, narrativa, direção criativa, sistema, construção, testes, publicação, entrega. Quando um botão sair do lugar na Netlify, você acha o novo em trinta segundos, porque vai saber o que está procurando.
"E se eu travar no meio?"
Cada passo do manual termina com um "deu certo quando", dizendo exatamente o que você deveria estar vendo na tela. Se não é isso, você não avança. E tem dois prompts só para erro: um que proíbe a IA de chutar antes de diagnosticar, e outro para quando ela insiste na mesma correção errada pela terceira vez.
"Preciso pagar alguma coisa além disto?"
Para a Trilha A, não: conta gratuita no Claude e plano gratuito da Netlify bastam para ter um site no ar. Para a Trilha B, sim: o Claude Code exige plano pago da Anthropic. E domínio próprio é pago à parte, por ano, no registrador. O site funciona sem domínio, no endereço gratuito da hospedagem.
Não é desconto nem valor de bônus. É a conta honesta de quanto custa chegar no mesmo lugar comprando cada parte separada, com referências de mercado.
Os valores da coluna da direita são faixas de referência do mercado para o equivalente de cada item, levantadas em outubro de 2026. Não são preços que eu pratico, não há preço cheio riscado e não existe promoção com prazo. R$ 197 é o preço, e é o preço que fica.
Ricardo Bonizoli
Gerente de projetos · Lumière Gestão e TecnologiaEu não construí este framework para vender. Construí porque eu precisava: estava entregando sites para clientes e cansei de receber de volta coisas bonitas e esquecíveis, que eu mesmo não mandaria para ninguém.
O arquivo foi escrito, usado, quebrado e reescrito ao longo dos projetos de cliente. Os sites desta página são uma amostra, os que eu posso mostrar. Cada regra dura dentro dele, como a parada obrigatória antes do código ou a proibição de número sem prova, está lá porque a falta dela custou caro uma vez.
O que eu empacotei aqui é exatamente o que eu uso. Não existe uma versão melhor que eu guardei para mim.
R$197
ou 12x de R$ 20,47 no cartão
pagamento único · sem mensalidade · sem renovação
Comprar e baixar agoraR$ 197 à vista no Pix ou no cartão. Parcelado, o valor total fica em R$ 245,64, porque o juro do parcelamento é da operadora. Acesso ao download logo após a aprovação do pagamento.
Garantia de 7 dias. Se o método não for o que você esperava, peça o reembolso dentro de 7 dias e devolvemos o valor integral, sem precisar justificar.
Além da garantia, você tem o direito de arrependimento previsto no art. 49 do Código de Defesa do Consumidor, que é um direito legal e independente dela.Isto está aqui na página, e não num e-mail depois da compra, de propósito.