Biblioteca rápida de prompts

Crie uma logomarca profissional para [NOME DA EMPRESA], empresa do segmento de [NICHO].

Utilize [CORES].

Crie um símbolo simples relacionado ao serviço.

Requisitos:

- fundo transparente;
- composição horizontal;
- alta resolução;
- nome legível;
- sem mockup;
- sem cenário;
- sem telefone;
- sem endereço;
- sem slogan inventado;
- entregar apenas a logomarca.

Crie uma imagem profissional e realista para a capa de um site de [NICHO].

Mostre [DESCREVA A CENA].

Requisitos:

- horizontal;
- alta resolução;
- espaço livre no lado esquerdo para texto;
- visual moderno;
- sem textos;
- sem logomarcas;
- sem marca d'água.

Crie um site institucional profissional para [NOME DA EMPRESA], empresa de [NICHO] que atende [REGIÕES].

WhatsApp: [NÚMERO]

Cores: [CORES]

Serviços:

[LISTA]

Utilize HTML, CSS e JavaScript puro.

Crie:

- index.html;
- css/style.css;
- js/script.js;
- blog/index.html;
- robots.txt;
- sitemap.xml;
- 404.html.

Utilize:

- img/logo.png;
- img/capa.webp;
- img/sobre.webp;
- img/servico-01.webp;
- img/servico-02.webp;
- img/servico-03.webp.

Inclua menu, capa com overlay, serviços, sobre, regiões atendidas, diferenciais, perguntas frequentes, blog, rodapé e botão flutuante do WhatsApp.

Não invente informações.

Entregue todos os arquivos completos e informe onde salvar cada arquivo.

Ajuste o site existente.

Alterações:

[LISTE OS AJUSTES]

Não remova funcionalidades.

Mantenha responsividade, botão do WhatsApp, blog e estrutura de pastas.

Devolva novamente todos os arquivos alterados por completo.

Crie um artigo completo para o blog de [NOME DA EMPRESA].

Tema:

[TEMA]

WhatsApp:

[NÚMERO]

Crie:

blog/[SLUG]/index.html

Utilize:

blog/[SLUG]/img/capa.webp

Inclua título, introdução, headings, dicas práticas, perguntas frequentes, CTA, botão do WhatsApp, meta title, meta description e links para voltar ao blog e ao site principal.

Não invente informações.

Entregue o arquivo completo.

Este prompt deve ser utilizado na Claude. Cria um site premium com blog em página única (blog.html + artigo.html), sem pastas individuais para cada artigo.

Crie um site institucional completo, hiper moderno, responsivo e altamente persuasivo para uma empresa do segmento [NICHO DA EMPRESA].

Dados: Nome: [NOME DA EMPRESA] | Segmento: [NICHO DA EMPRESA] | Cidade: [CIDADE OU REGIÃO] | WhatsApp: [NÚMERO COM DDD] | Link: https://wa.me/55[DDD+NÚMERO] | E-mail: [E-MAIL] | Instagram: [LINK OU REMOVER] | Endereço: [ENDEREÇO OU REMOVER] | Horário: [HORÁRIO] | Diferencial: [PRINCIPAL DIFERENCIAL] | Serviços: [LISTAR SERVIÇOS]

Analise a pasta images, identifique a logo e extraia as cores para a identidade visual.

Estrutura: index.html, servicos.html, sobre.html, blog.html, artigo.html, contato.html, css/style.css, js/script.js, images/

Páginas:
- index.html: hero persuasivo, indicadores de confiança, cards de serviços, diferenciais, seção de conversão, como funciona, depoimentos, FAQ com JavaScript, blog em destaque, CTA.
- servicos.html: banner, cards detalhados, benefícios, botão WhatsApp, CTA.
- sobre.html: banner, apresentação, missão, visão, valores, diferenciais, CTA.
- blog.html: banner, busca visual, categorias, 6 cards de artigos, paginação, CTA.
- artigo.html: artigo modelo completo com CTA, compartilhamento e artigos relacionados.
- contato.html: banner, WhatsApp, formulário que abre WhatsApp via JavaScript, CTA.

HTML5, CSS3 e JavaScript puro. Cabeçalho fixo com logo e botão WhatsApp. Botão flutuante de WhatsApp. Rodapé completo. SEO com Open Graph. Comentários no HTML para personalização.

Não invente informações. Não utilize Lorem Ipsum. Entregue todos os arquivos completos.

Este prompt deve ser utilizado na Claude (claude.ai ou Claude Code).
Substitua todas as variáveis entre colchetes antes de colar na Claude.

Crie um site institucional completo, hiper moderno, responsivo e altamente persuasivo para uma empresa do segmento [NICHO DA EMPRESA].
O principal objetivo do site é gerar contatos comerciais e levar o visitante a clicar no botão do WhatsApp.

Dados da empresa:

- Nome da empresa: [NOME DA EMPRESA]
- Segmento: [NICHO DA EMPRESA]
- Serviço principal: [SERVIÇO PRINCIPAL]
- Cidade ou região: [CIDADE OU REGIÃO]
- WhatsApp: [NÚMERO COM DDD]
- Link do WhatsApp: https://wa.me/55[DDD+NÚMERO]
- Mensagem automática: Olá! Encontrei o site da [NOME DA EMPRESA] e gostaria de solicitar mais informações.
- E-mail: [E-MAIL]
- Instagram: [LINK DO INSTAGRAM OU REMOVER CAMPO]
- Endereço: [ENDEREÇO OU REMOVER CAMPO]
- Horário: [HORÁRIO]
- Diferencial principal: [PRINCIPAL DIFERENCIAL]
- Serviços: [LISTAR SERVIÇOS]

Analise a pasta images e utilize a logo existente para extrair as cores da identidade visual.

Crie utilizando HTML5, CSS3 e JavaScript puro. Estrutura:

/
├── index.html
├── servicos.html
├── sobre.html
├── contato.html
├── blog/
│   ├── index.html
│   ├── blog-1/ → blog-6/ (cada um com index.html)
├── css/style.css
├── js/script.js
└── images/ (arquivos existentes)

Páginas:
- index.html: hero persuasivo, indicadores de confiança, cards de serviços, diferenciais, seção de conversão, como funciona em 3 passos, depoimentos genéricos, FAQ com JavaScript, 3 cards de blog, CTA final.
- servicos.html: banner, cards detalhados, benefícios, botão WhatsApp em cada serviço, CTA.
- sobre.html: banner, apresentação, missão, visão, valores, diferenciais, CTA.
- contato.html: banner, WhatsApp, telefone, e-mail, formulário visual que abre WhatsApp via JavaScript, CTA.
- blog/index.html: banner, busca visual, filtro por categorias, 6 cards de artigos, paginação visual, CTA.
- 6 artigos completos em pastas independentes com título, meta tags, imagem, introdução, subtítulos, dicas, CTA no meio e no final, artigos relacionados.

Inclua: cabeçalho fixo com logo, menu e botão WhatsApp; botão flutuante de WhatsApp; rodapé completo; SEO básico com Open Graph; comentários no HTML para personalização futura.

Não invente informações. Não utilize Lorem Ipsum. Entregue todos os arquivos completos.

Crie 3 paletas de cores profissionais para o site de uma empresa.

Segmento: [NICHO]

Nome da empresa: [NOME DA EMPRESA]

Estilo desejado: [MODERNO / ELEGANTE / FORTE / PREMIUM / MINIMALISTA]

Para cada paleta, informe:

1. Cor principal (hex e nome)
2. Cor secundária (hex e nome)
3. Cor de destaque (hex e nome)
4. Cor de fundo clara (hex e nome)
5. Cor de fundo escura (hex e nome)
6. Cor do texto principal (hex e nome)
7. Cor do texto secundário (hex e nome)
8. Cor dos botões (hex e nome)
9. Cor de hover dos botões (hex e nome)
10. Gradiente sugerido

Crie as seguintes paletas:

Paleta 1: profissional e sóbria
Paleta 2: moderna e vibrante
Paleta 3: elegante e premium

Para cada paleta, explique:

- onde utilizar cada cor no site;
- qual sensação transmite;
- para qual tipo de público é mais indicada;
- exemplo de combinação para botão, fundo e texto.

Ao final:

- recomende a melhor paleta para o segmento [NICHO];
- apresente as variáveis CSS prontas para copiar, no formato:

:root {
  --cor-principal: #XXXXXX;
  --cor-secundaria: #XXXXXX;
  --cor-destaque: #XXXXXX;
  --cor-fundo: #XXXXXX;
  --cor-fundo-escuro: #XXXXXX;
  --cor-texto: #XXXXXX;
  --cor-texto-claro: #XXXXXX;
  --cor-botao: #XXXXXX;
  --cor-botao-hover: #XXXXXX;
}