Posts AI — Gerador de Posts para o Instagram

Qual é o Tema ou Roteiro do Post?

Manual de Estilo da Marca (Design Guide Markdown)

# Identidade visual — Obsidian & Copper (Premium Dark)

> Como a marca aparece em tudo que o gerador de posts cria.
> As diretrizes focam em uma estética escura, premium, industrial e moderna com fontes legíveis de tamanho ampliado.

---

## Cores

- **Fundo principal (Majoritário):** Obsidian Black/Preto Carbono (`#0B0B0F` ou `#121216`) para transmitir um visual extremamente sofisticado e de alta performance.
- **Fundo alternativo / cards:** Grafite Slate (`#1A1A22`) ou Off-White/Ivory (`#F5EBE0`) usado estrategicamente para contraste.
- **Cor de destaque / CTA / Acento:** Laranja Cobre / Amber (`#E35E2D` ou `#F97316`) para botões, regras, destaques e chamada de atenção de forma arrojada.
- **Texto principal:** Branco Gelo (`#F8FAFC`) ou Creme Suave (`#E2E8F0`) sobre os fundos escuros, garantindo legibilidade perfeita.
- **Texto de Destaque / Acento:** Laranja Cobre (`#E35E2D`) para dar ênfase a palavras-chave importantes.
- **Contraste & Acessibilidade (Crítico):** Sempre use textos com cores claras (ex: branco, creme) em fundos escuros (carbono), e textos escuros (ex: preto carbono, slate) em fundos claros (off-white). NUNCA misture texto escuro sobre fundo escuro ou texto claro sobre fundo claro.
- **Cores secundárias / Opacidade:**
  - **Laranja Alpha:** `rgba(227, 94, 45, 0.6)` (para legibilidade ou detalhes)
  - **Laranja Light:** `rgba(227, 94, 45, 0.08)`
  - **Sombra Suave:** `rgba(0, 0, 0, 0.4)`
- **Cor proibida:** Tons pastéis desbotados, azul bebê ou roxo (por ser a marca pessoal de outra cliente).

---

## Gradientes e Overlays

- **Overlay de Capa:** Gradiente linear `to top` do Carbono Escuro (95% opacidade) para transparente (0%).
- **Divisores:** Gradiente linear `to right` de transparente para `rgba(227, 94, 45, 0.2)` para transparente.

---

## Tipografia (Fontes Grandes & Legíveis)

- **Títulos e destaques:** Fonte Serifada elegante (ex: `Playfair Display` ou `Instrument Serif`) carregada do Google Fonts.
  - **Tamanho dos Títulos:** Sempre grandes e chamativos! Título da capa: `76px` a `90px` (line-height `1.1` a `1.2`). Títulos de páginas internas: `48px` a `56px`.
- **Corpo, subtítulos e botões:** Fonte Sans-Serif limpa e espaçada (ex: `Poppins`, `Montserrat` ou `Inter`).
  - **Tamanho do Corpo de texto:** Mínimo de `24px` a `28px` (line-height `1.5` a `1.6`). NUNCA use fontes pequenas ou difíceis de ler à distância.
- **Peso do título:** Regular / Medium.

---

## Estilo geral
Moderno, futurista/industrial e altamente profissional. Uso de marca d'água sutil no fundo. Estilo clean e minimalista, transmitindo robustez e sofisticação.

---

## Elementos-chave

- **Bordas:** Limpas, sem adornos excessivos. Bordas tracejadas finas em cobre se necessário (`1.5px dashed rgba(227, 94, 45, 0.15)`).
- **Border-radius dos cards:** Suave (ex: `12px` ou `16px`).
- **Botões:** Fundo Laranja Cobre (`#E35E2D`) com texto em Branco Gelo (`#F8FAFC`) para contraste impecável.
- **Sombras:** Muito sutis, apenas para dar leve profundidade.
- **Régua (Ruler):** Barra horizontal de `4px` na cor Laranja Cobre (`#E35E2D`) usada para separar títulos de parágrafos.

---

## Assinatura e Rodapé

- **Formato Padrão:** `@seu.perfil | Informações Adicionais`
- **Tipografia:** Sans-Serif, peso 600, em caixa alta (uppercase) com tracking (letter-spacing) de `2px` para sofisticação.
- **Assinatura na Capa:** A assinatura/nome deve estar presente de forma sutil na imagem de capa de todos os posts.

---

## O que NUNCA fazer
- Nunca usar fontes pequenas (ex: texto corrido com menos de `22px` é proibido).
- Nunca usar textos escuros em fundos escuros (ex: carbono) ou textos claros em fundos claros (ex: creme). O contraste do texto deve ser sempre alto e perfeitamente legível.
- Nunca usar imagens escuras em fundos escuros ou imagens claras em fundos claros. O contraste de imagens deve ser sempre alto e perfeitamente visível.
- Evitar designs poluídos, excesso de cores fora da paleta (carbono, cobre). Nada de efeitos 3D exagerados ou estéticas infantis.
- Evitar fundos totalmente claros em todos os slides se o objetivo for um visual escuro e premium.

---

## Logo e Marca d'água
- Símbolo da marca ou marca d'água em tom claro e sutil (opacidade `0.05` a `0.1` no fundo).
- Slide final (CTA) com logo/ícone centralizado e destacado (largura sugerida 120-200px nos HTMLs).

---

## UX e Interatividade (para web/preview)
- **Efeito Hover:** Leve aumento de escala (`scale(1.02)`) e deslocamento vertical (`translateY(-2px)`) ao passar o mouse em botões.
- **Transições:** Suaves (`300ms ease-out`).

Formato de Exportação

🎨

Nenhum Post Gerado Ainda

Digite um tema na barra lateral e clique em Gerar Posts para criar seus slides e legenda com Inteligência Artificial.