PROMPT: SITE CLEAN E DE ALTA CONVERSÃO COM CLAUDE

Você é um diretor de criação sênior de um estúdio premium tipo Basic Agency, Ueno ou Instrument. Seu trabalho equilibra design clean e respirado com substância suficiente pra converter — nem poluído, nem vazio. Cada seção tem propósito claro, espaço pra respirar, e informação suficiente pra mover o visitante pra próxima etapa.

Sua missão: criar um site clean, visualmente forte e que converte, com uma copy que qualquer pessoa entende batendo o olho. Pense numa landing page de produto premium tipo Stripe, Linear ou Notion — limpa, mas com personalidade e densidade adequada.


FILOSOFIA DE DESIGN

1. Espaço em branco é estrutural, não vazio. Use padding generoso (py-20 a py-28 entre seções), mas preencha as seções com conteúdo que importa.
2. Tipografia com hierarquia clara: headlines grandes (text-5xl a text-7xl no desktop), subheadlines confortáveis (text-xl a text-2xl), corpo legível (text-base a text-lg).
3. Paleta enxuta: 3 a 4 cores no site inteiro, contando neutros.
4. Cada seção tem 1 ideia principal e no máximo 2-3 elementos de suporte. Não 1 só, não 7.
5. Visuais com propósito: imagem, ilustração ou gráfico que reforça a mensagem, não preenchimento.
6. Animações sutis no scroll (fade, translate suave). Nada de exagero.
7. Mobile-first, mas o desktop usa o espaço com inteligência (grids de 2 ou 3 colunas quando faz sentido).

Em dúvida entre adicionar ou tirar: pergunte "isso ajuda o visitante a decidir?". Se sim, mantenha. Se não, corte.


FILOSOFIA DE COPY

A copy precisa ser entendida por qualquer pessoa batendo o olho uma vez. Regras:

1. Linguagem de conversa, não de marketing. Escreva como você falaria explicando pra um amigo.
2. Zero jargão técnico sem tradução. Se usar termo técnico, explique em seguida com linguagem humana.
3. Zero chavão. Nada de "transforme", "revolucione", "potencialize", "excelência", "alavancar", "próximo nível", "destrave", "escale", "soluções".
4. Use as palavras que o cliente usa pra descrever o problema dele.
5. Frases curtas e diretas. Parágrafos de 2 a 4 frases no máximo.
6. Headlines no benefício concreto, não em conceito abstrato.
7. Quando em dúvida, troque a palavra difícil pela fácil.
8. Pode ter mais texto que minimalismo radical, mas cada frase precisa puxar o leitor pra próxima.


CONTEXTO DO NEGÓCIO

Nome da empresa/produto:
Solar Angel Pet

O que você vende (em 1 frase que qualquer leigo entende):
A Solar Angel Pet vende produtos e acessórios para melhorar o conforto, a diversão e o bem-estar dos pets

Para quem é (descreva como se fosse uma pessoa real):
A Solar Angel Pet é para donos de cães e gatos que querem oferecer mais conforto, cuidado e qualidade de vida aos seus pets. 🐶🐱✨


A maior dor que essa pessoa sente (use as palavras dela):
Quero dar o melhor pro meu bichinho.

O que muda na vida dela depois que usa seu produto (resultado concreto):
Meu bichinho fica mais feliz, confortável e eu fico tranquila sabendo que estou cuidando bem dele.
3 maiores objeções que você ouve antes da venda:
"Tá muito caro pra mim agora."
"Não sei se meu pet vai gostar."
"Será que realmente vale a pena comprar isso?

O que só você tem ou faz (diferenciais reais):
Entrega rápida, atendimento dedicado e produtos escolhidos para garantir mais conforto e felicidade para o seu pet

Como funciona (passo a passo simples, 3 a 5 etapas):
1. Escolha o produto ideal para o seu pet.
2. Faça seu pedido de forma rápida e segura.
3. Nós preparamos e enviamos o pedido rapidamente.
4. Receba em casa sem complicação.
5. Veja seu pet mais feliz e confortável.🐶🐱❤️📦✨


Perguntas frequentes (3 a 5 perguntas reais que recebe):
1. Em quanto tempo meu pedido chega?
2. O produto é adequado para qualquer porte de pet?
3. Como posso acompanhar a entrega do meu pedido?
4. E se meu pet não gostar do produto?
5. O pagamento é seguro? 🐶🐱📦✨


Oferta principal (o que a pessoa deve fazer no site):
Escolha o produto ideal para o seu pet e faça seu pedido hoje com entrega rápida.
CTA principal (escreva como a pessoa pensaria, em primeira pessoa):
Quero dar o melhor para o meu pet.


Garantia ou redução de risco:
Compra segura, acompanhamento do pedido e suporte para ajudar você em todas as etapas.


IDENTIDADE VISUAL

Paleta exata (3 a 4 cores com os códigos):
🎀 Rosa Principal: #F48BB5
💗 Rosa Escuro: #E96A9B
🌸 Rosa Claro: #FDECF2
☀️ Amarelo Suave: #F8E38A

Sensação que a marca passa (3 palavras):
💕 Carinho • ✨ Delicadeza • 🐾 Confiança


Tratamento de imagens e ilustrações (escolha um ou combine):🎀 Ilustrações kawaii em tons pastel + 🐶 fotos reais dos produtos + 💕 emojis usados pontualmente para reforçar carinho e proximidade.

O que NÃO quer no design:
❌ Nada de visual sério, corporativo ou "cara de empresa de tecnologia".
❌ Nada de cores escuras, preto predominante ou tons agressivos.
❌ Nada de ícones genéricos (foguete, aperto de mãos, gráficos, maletas).
❌ Nada de fotos de banco de imagens sem pets.
❌ Nada de excesso de texto ou poluição visual.
❌ Nada de fontes duras ou muito formais.
❌ Nada de estética masculina, minimalista fria ou futurista.


ESTRUTURA (8 A 10 SEÇÕES, CADA UMA COM PROPÓSITO CLARO)

Hero: Dê o melhor para o seu bichinho | Produtos para mais conforto, diversão e bem-estar | CTA: "Quero dar o melhor para o meu pet" | Foto de pet feliz.
Prova Social: 🚚 Entrega rápida • 🐾 Clientes satisfeitos • 💖 Produtos escolhidos com carinho.
Problema: Você quer dar o melhor para seu pet, mas nem sempre encontra produtos que realmente tragam conforto e felicidade.
Solução: Produtos selecionados + entrega rápida + mais conforto e diversão para o seu bichinho.
Como Funciona: Escolha o produto → Faça o pedido → Receba em casa → Veja seu pet mais feliz.
Diferenciais: 🚚 Entrega rápida • 💖 Produtos selecionados com carinho • 🤝 Atendimento dedicado.
Resultados/Cases: Clientes relatam pets mais felizes, pedidos entregues rapidamente e ótima experiência de compra.
Oferta: Produtos para pets + compra segura + entrega rápida + suporte ao cliente.
Garantia: Compra segura com acompanhamento do pedido e suporte sempre que precisar.
FAQ: Quanto tempo chega? | Posso rastrear? | O pagamento é seguro? | Meu pet vai gostar? | Posso tirar dúvidas?
CTA Final: Seu pet merece o melhor | Botão: "Quero dar o melhor para o meu pet".
Footer: Logo Solar Angel Pet | Produtos | Contato | Redes Sociais | Políticas da Loja. 🐶🐱💕

Pode juntar 2 dessas se fizer sentido (ex: oferta + garantia juntas). Não precisa ter as 12, mas tenha o essencial.


REQUISITOS TÉCNICOS

- Arquivo único HTML + Tailwind via CDN
- Mobile-first, mas desktop usa o espaço (max-w-6xl ou max-w-7xl no container principal)
- Animações sutis no scroll (fade-in, translate-y leve)
- prefers-reduced-motion respeitado
- Google Fonts (sugiro Inter + uma serif tipo Fraunces ou Instrument Serif pros headlines, ou você escolhe)
- Acessibilidade WCAG AA (contraste, navegação por teclado, HTML semântico)
- SEO básico (meta tags, Open Graph, title otimizado)


ENTREGÁVEIS

1. Site em arquivo HTML único, pronto pra abrir
2. Em 3 bullets: as principais decisões de design e copy, e por quê
3. Sugira 2 testes A/B que eu poderia rodar pra otimizar conversão


INSTRUÇÃO FINAL

Antes de cada seção, faça duas perguntas:

1. "Essa seção ajuda o visitante a decidir, ou só ocupa espaço?" — se for só ocupar, corte.
2. "Uma pessoa leiga entenderia essa frase batendo o olho?" — se não, reescreva.

Quero o equilíbrio entre o silêncio de uma marca premium tipo Aesop e a clareza prática de uma landing page tipo Stripe. Espaço pra respirar, mas com substância. Clean, mas convincente. Bonito, mas que vende.

Se algo no briefing estiver vago, me pergunte antes de construir. Use placeholders claros como [CASE_1] quando faltar informação.