01Em que isto difere de um seletor de modelos
As galerias de modelos mostram-te um design acabado e pedem-te que gostes ou não. Esta ferramenta vai uma camada mais fundo: cada uma das seis direções abaixo baseia-se num portefólio de fotógrafo real e em funcionamento, que foi mesmo inspecionado (capturas de ecrã, disposição ao vivo, cores calculadas, tipos de letra calculados), e não numa paleta que alguém inventou para ficar bonita numa amostra. A direção Editorial, por exemplo, usa EB Garamond porque é literalmente o tipo de letra em que está composto o site de um fotógrafo de moda real, identificado ao inspecionar a página diretamente.
Dois padrões apareceram quase em todo o lado nos sites reais a partir dos quais isto foi construído, e estão incorporados em todas as direções aqui: a navegação escondida atrás de um único ícone de hambúrguer, sem lista de ligações visível, mesmo no computador, e uma imagem grande de cada vez em vez de uma grelha. A cor da interface fica perto de zero do princípio ao fim: é a fotografia que dá a cor, não a interface.
02O que obténs no fim
Um único prompt estruturado que cobre a direção geral, as cores hex exatas, os nomes e a combinação de tipos de letra, a lista de páginas, o comportamento da navegação, a disposição da galeria e o enquadramento das imagens, as funcionalidades a incluir, uma recomendação de alojamento com compromissos de custo reais e um conjunto fixo de requisitos de qualidade de construção (texto alternativo acessível, pontos de rutura responsivos, sem segredos escritos no código, imagens com carregamento diferido). Cola-o na tua aplicação de programação com IA preferida e ela tem tudo o que precisa para começar.
03Do prompt a um site online: o passo a passo completo
O prompt é o briefing de design, não a meta. Aqui está cada passo entre copiá-lo e ter um endereço real que podes pôr num cartão de visita, grátis ou quase.
Copia o prompt e abre uma aplicação de programação com IA
O Claude, o Cursor, o Claude Code, o Windsurf ou o agente de IA do Replit servem, qualquer coisa que consiga escrever e guardar ficheiros por ti, e não apenas conversar. Se nunca usaste nenhuma, uma opção no navegador como o claude.ai ou o Replit não precisa de instalação: cola o prompt como primeira mensagem.
Deixa-a construir e depois olha mesmo para o que ela fez
Pede-lhe que construa o site em HTML/CSS/JS estático (ou o que a secção de alojamento do prompt tiver especificado) e que te mostre uma pré-visualização. Verifica as seis coisas que o prompt pedia (cores, tipos de letra, comportamento da galeria, navegação, enquadramento, páginas) antes de avançares. Corrigir agora uma cor de destaque errada sai muito mais barato do que depois de as fotografias estarem ligadas.
Troca pelas tuas fotografias, biografia e contactos reais
Substitui todas as imagens provisórias e todas as linhas de texto de enchimento. Pede à tua aplicação de IA que escreva um atributo alt real e específico para cada fotografia, não «image1.jpg», mas uma descrição verdadeira, já que isso é um requisito de acessibilidade e um pequeno impulso de SEO. Este é também o momento de confirmar que o formulário de contacto aponta mesmo para um endereço de email que consultas.
Publica num alojamento gratuito
Se escolheste o nível «Estático & gratuito», pede à tua aplicação de IA que te guie na ligação da pasta do projeto ou do repositório GitHub a um dos alojamentos da página Alojamento do menu acima. Os quatro constroem e publicam automaticamente sempre que envias uma alteração; sem envio manual depois de estar ligado.
Liga um domínio próprio (opcional, mas vale a pena)
Um subdomínio gratuito (como yourname.netlify.app) serve bem para começar. Quando estiveres pronto para o yourname.com, é a compra de um domínio mais uma alteração de DNS, explicada em detalhe mais abaixo.
04Que alojamento gratuito deves usar?
Qualquer um destes põe um site estático online sem custos, com HTTPS gratuito e um nível gratuito que cobre com facilidade o tráfego de um portefólio pessoal. Os limites do nível gratuito mudam com alguma frequência, por isso trata os números da página Alojamento como uma ordem de grandeza e não como valores atuais exatos, e consulta a página de preços de cada fornecedor antes de te comprometeres.
Pede à tua aplicação de programação com IA que faça contigo os passos concretos da publicação: «liga este projeto ao Netlify» é algo perfeitamente normal de lhe pedir, e ela costuma conseguir guiar-te na criação da conta e na primeira publicação em poucos minutos.
05Ligar um domínio próprio
Um domínio é uma pequena taxa anual (normalmente $10 a 20/ano consoante a extensão), à parte do alojamento, que continua gratuito. As três peças:
- Compra o domínio. Namecheap, Cloudflare Registrar ou o sucessor do Google Domains (Squarespace Domains).
- Adiciona um registo DNS. Um registo CNAME (ou A) que aponta o teu domínio para o teu alojamento, adicionado no painel do registador. São duas linhas na tabela do registador: um
CNAMEparawwwque aponta para o endereço que o teu alojamento te dá, comoyour-portfolio.netlify.app, e um registoApara o domínio simples que aponta para o IP do alojamento. - Adiciona-o no teu alojamento. Cola o mesmo domínio nas definições de «domínio próprio» do teu alojamento; o HTTPS configura-se sozinho.
Todos os alojamentos da página Alojamento têm um separador «Domínio próprio» ou «Domínios» que te dá o registo exato a adicionar: copia-o, adiciona-o no teu registador e espera. As alterações de DNS costumam demorar de minutos a algumas horas a ter efeito, ocasionalmente até 24 a 48 horas. A tua aplicação de programação com IA pode explicar-te o painel do teu registador em concreto, se ficares preso; tira uma captura de ecrã da página de definições e pergunta-lhe onde clicar. Cadeado visível, sem aviso de «não seguro»: essa é a meta.
06Lista de verificação antes do lançamento
Cinco minutos com esta lista apanham a maior parte do que faz um portefólio parecer inacabado. As verificações são a página Antes do lançamento do menu acima; vai-as marcando à medida que avanças.
07Perguntas frequentes
Não. Fazes escolhas visuais, a ferramenta escreve um prompt detalhado em inglês simples e a tua aplicação de programação com IA transforma isso no site em si.
Cada direção baseia-se num portefólio de fotógrafo real e em funcionamento, que foi inspecionado diretamente e não inventado do zero, até ao ponto de copiar exatamente um tipo de letra de um site real.
Sem conta, sem registo, nada a pagar. As fotografias que largas no índice de reprodução são desenhadas numa tela no teu navegador e nunca saem dele.
8 a 20 das tuas melhores imagens exportadas como JPG ou WEBP otimizados, uma biografia curta e um logótipo, se tiveres um. As notas à margem por baixo da parede listam isto.