Parte 01 de 02
Material do vídeo

Seu site no ar em 10 minutos

A IA monta a página com a cara da sua marca, o Cloudflare hospeda de graça e você sai daqui com um link funcionando. Sem programador, sem mensalidade, sem saber uma linha de código.

Pegar o prompt Ver o passo a passo
aguardando
R$ 0hospedagem
R$ 0programador
1 arquivoé tudo que você sobe
Antes de começar

Separe estas três coisas

A IA usa esses arquivos para copiar a identidade da sua marca. É isso que separa um site genérico de um site que parece seu.

Item 01

Sua logo

PNG ou JPG, do jeito que você tiver. Ela entra no topo e no rodapé do site.

Item 02

2 a 4 fotos

Produto, espaço, equipe ou resultado. Fotos leves funcionam melhor, deixe as de 5 MB de lado.

Item 03

2 ou 3 prints do feed

Prints mesmo, do seu Instagram. É deles que a IA tira as cores e o estilo da sua marca.

O caminho inteiro

Quatro passos até o link no ar

01Gerar

Cole o prompt na Claude

Abra claude.ai, anexe a logo, as fotos e os prints na conversa e cole o prompt abaixo. Troque só o que está entre colchetes pelas informações do seu negócio.

prompt-site.txt 
Antes de enviar esta mensagem, anexe na conversa: sua LOGO, de 2 a 4 FOTOS do seu negócio (produto, espaço, equipe, resultados) e 2 ou 3 PRINTS do seu feed do Instagram.

Crie uma landing page profissional de alta conversão em HTML, com CSS e JavaScript, tudo em um único arquivo. O site é para: [DESCREVA SEU NEGÓCIO AQUI, ex: clínica de estética em Belo Horizonte especializada em harmonização facial].

Use as imagens anexadas assim:
- Analise os prints do meu Instagram e extraia a identidade visual da marca: paleta de cores, estilo (mais clean, mais vibrante, mais sofisticado) e tom de comunicação. O site precisa parecer uma extensão do meu perfil.
- Coloque minha LOGO no topo e no rodapé, convertida em base64 dentro do próprio HTML.
- Distribua as FOTOS anexadas nas seções onde fizerem mais sentido, também em base64.

Meu Instagram é @[SEU_ARROBA], use no rodapé com link clicável.

Estrutura obrigatória:
1. Headline forte no topo focada no principal benefício para o cliente, com subheadline de apoio
2. Botão de WhatsApp fixo e destacado (link: https://wa.me/55SEUNUMERO) aparecendo em várias seções
3. Seção "Como funciona" com 3 passos simples
4. Seção de benefícios com ícones (mínimo 4 benefícios)
5. Seção de depoimentos com 3 avaliações (pode criar exemplos que eu troco depois)
6. Seção de perguntas frequentes com 4 perguntas em formato acordeão
7. Rodapé com nome do negócio, telefone, Instagram e redes sociais

Requisitos de design:
- Siga a identidade visual extraída dos prints
- 100% responsivo, perfeito no celular, porque é de lá que vem a maior parte dos acessos
- Botões grandes e fáceis de tocar no celular
- Animações sutis ao rolar a página
- Fonte legível, nada muito pequeno

Requisitos técnicos:
- Tudo em um único arquivo HTML (CSS e JS internos, imagens em base64)
- Sem dependências externas que precisem de instalação
- Carregamento rápido
- Título e descrição da página otimizados para o Google (SEO básico)

Depois de gerar, me pergunte o que eu quero ajustar.

O que é esse tal de base64: é a imagem virando texto dentro do HTML. Serve para o site continuar sendo um arquivo só, sem pasta de imagens para quebrar na hora de subir.

02Ajustar

Converse até ficar do seu jeito

A Claude mostra o site pronto do lado. Não gostou de algo? Pede em português mesmo, ela refaz na hora. Toque em uma frase para copiar:

Peça um ajuste por vez. Fica mais fácil de comparar e de voltar atrás se não gostar.

03Baixar

Salve o arquivo com o nome certo

  • No preview do site, clique no botão de baixar e salve o arquivo no computador.
  • Renomeie o arquivo para index.html. Esse nome não é frescura: é ele que faz o site abrir sozinho no endereço.
  • Crie uma pasta, por exemplo meu-site, e coloque o index.html dentro dela.

Abra o arquivo com dois cliques antes de subir. Se ele abrir bonito no seu navegador, vai abrir bonito na internet.

04Publicar

Suba no Cloudflare e pegue seu link

  • Entre em dash.cloudflare.com e crie uma conta gratuita.
  • No menu, vá em Workers & Pages, clique em Create, escolha a aba Pages e depois Upload assets.
  • Dê um nome ao projeto. Esse nome vira seu endereço, então use o nome do negócio.
  • Arraste a pasta meu-site para a área de upload e clique em Deploy site. Em algumas telas o botão aparece como Save and Deploy.
  • Espere alguns segundos e abra o link seunegocio.pages.dev. Seu site está no ar.

Está no ar de verdade: esse link é público, aguenta tráfego pesado e roda na mesma estrutura que sites gigantes usam. O Cloudflare não cobra nada por isso.

Se travar

Os erros que aparecem

O arquivo não está com o nome index.html. Renomeie, suba de novo e o site abre direto.

A IA gerou o HTML apontando para arquivos de imagem separados. Volte na conversa e peça: "converta todas as imagens para base64 dentro do próprio HTML, quero um arquivo único". Baixe de novo e suba a versão nova.

Foto pesada demais. Use imagens menores ou os próprios prints do Instagram, que já vêm comprimidos, e peça o site de novo.

Cada alteração precisa de uma nova publicação. No projeto, escolha criar um novo deployment e suba a pasta atualizada. O endereço continua o mesmo.

Abra uma conversa nova, anexe o arquivo index.html e peça o ajuste. A IA lê o site inteiro e devolve a versão corrigida.