ADSon Content Squad — Painel Visual Autônomo & Identidade de Clientes

Agentes Ativos

10 Agentes

Módulo UGC

AvatarHype Ativo

Cards Renderizados

4 Cards (1080x1350)

Multi-Cliente

3 Marcas Mapeadas

Card 01 — card-01.png

Card 02 — card-02.png

Card 03 — card-03.png

Card 04 — card-04.png

1. @dissondotrafego (Tráfego & IA)

Posicionamento: Técnico, prático, direto do campo de batalha.

#0B0F19

#121826

#FF5A1F

#00F0FF

#00FF66

Fontes: Montserrat 900 + Inter

2. Abastek (Frotas & Combustível)

Posicionamento: Industrial, economia real, telemetria pesada.

#0F172A

#1E293B

#FFB800

#38BDF8

Fontes: Space Grotesk + Inter

3. DeckAI (Slides com IA)

Posicionamento: SaaS moderno, apresentações executivas.

#050505

#18181B

#8B5CF6

#10B981

Fontes: Syne Extra-Bold + Plus Jakarta

# 🎨 Roteiro Passo a Passo: Criação de Identidade Visual para Clientes > **Objetivo:** Criar em menos de 30 minutos uma identidade visual profissional, consistente e blindada contra "AI Slop" (estética genérica de IA), pronta para alimentar a esteira de carrosséis, vídeos e anúncios de qualquer cliente. --- ## 🧭 As 7 Etapas do Processo: ``` [1] DIAGNÓSTICO ──► [2] PALETA 60-30-10 ──► [3] TIPOGRAFIA DE ALTA LEITURA │ ▼ [4] MOODBOARD & REGRAS ANTI-SLOP ──► [5] PROMPTS MESTRES IA (FLUX/MJ) │ ▼ [6] TEMPLATE PLAYWRIGHT (1080x1350) ──► [7] EXPORTAÇÃO PARA CLIENTS// ``` --- ### 📍 ETAPA 1: Diagnóstico de Posicionamento & Arquétipo (5 min) Antes de escolher cores, defina 3 pilares em `clients//brand.md`: 1. **O que é a marca em 1 frase:** "Consultoria de Tráfego Pago & Automações com IA para Agências". 2. **Como quer ser percebida (Arquétipo):** *O Especialista de Campo* (técnico, direto, confiável) vs *O Visionário* (futurista, inovador) vs *O Prático* (acessível, zero firula). 3. **O que a marca NUNCA faz:** - ❌ Gradientes roxos/azuis decorativos sem contexto. - ❌ Personagens 3D plastificados sem função. - ❌ Frases clichês ("o futuro chegou", "revolucionário"). --- ### 🎨 ETAPA 2: Paleta de Cores de Alta Conversão (Regra 60-30-10) Evite o erro de usar muitas cores. Escolha no máximo 4 cores estratégicas: | Função | % da Área | O que Usar | Exemplo ADSon | Exemplo E-commerce / Tech | | :--- | :---: | :--- | :--- | :--- | | **Base de Fundo** | **60%** | Dark Navy fosco ou Off-White | `#0B0F19` (Dark Navy) | `#0F172A` (Slate Dark) | | **Superfície / Cards** | **30%** | Tom neutro com contraste suave | `#121826` (Charcoal) | `#1E293B` (Dark Card) | | **Acento de Ação (CTA)** | **10%** | Cor vibrante e quente | `#FF5A1F` (Laranja Elétrico) | `#FFB800` (Amarelo Ouro) | | **Acento de Apoio / Validação** | **Extra** | Ciano tech ou Verde Lucro | `#00F0FF` / `#00FF66` | `#10B981` (Verde Esmeralda) | > **⚠️ Regra de Contraste WCAG:** Todo texto precisa de contraste mínimo de **4.5:1** em relação ao fundo para leitura instantânea no feed do celular. --- ### 🔤 ETAPA 3: Tipografia de Alta Performance Escolha 1 fonte para Títulos (Display) e 1 fonte para Leitura (Corpo): 1. **Headlines / Títulos:** - `Montserrat (Black / Extra-Bold)` — Forte, imponente, autoridade. - `Syne (Extra-Bold)` — Editorial moderno, tech inovador. - `Space Grotesk (Bold)` — Digital, SaaS, automação. 2. **Corpo / Leitura:** - `Inter (Regular / Medium / Bold)` — A melhor legibilidade do mundo digital. - `Plus Jakarta Sans` — Elegante e limpa. --- ### 🚫 ETAPA 4: Regras Anti-AI Slop (O que Eliminar) Para o conteúdo não ficar com cara de gerado por robô: - **PROIBIDO:** Imagens de robôs genéricos cumprimentando humanos em reuniões. - **PROIBIDO:** Textos gerados pela IA de imagem (letras borradas/sem sentido). **Todo texto DEVE entrar via template HTML/Playwright**. - **PROIBIDO:** Fundos poluídos com partículas flutuantes sem significado. - **PERMITIDO:** Fotografias reais em close, ilustrações conceituais com uma única ação clara, capturas de telas limpas e diagramas vetoriais. --- ### 🤖 ETAPA 5: Prompts Mestres para Geradores de IA (Midjourney / Flux / Magnific) Para manter a consistência visual em todos os posts, use a fórmula de prompt da agência: ```text [Tipo de Imagem] of [Protagonista / Objeto em Ação], [Estilo Visual da Marca], [Iluminação com recorte nas cores da paleta], clean minimalist background, negative space for text overlay, editorial tech photography, 8k resolution, photorealistic, no text, no watermarks, no distorted hands --ar 4:5 --stylize 100 ``` --- ### ⚙️ ETAPA 6: Exportação para o Template Playwright (1080x1350) Após definir a identidade, salve as variáveis no arquivo `clients//brand.md` e crie o CSS da marca: ```css /* clients//theme.css */ :root { --bg: #0B0F19; --card-bg: #121826; --primary: #FF5A1F; --cyan: #00F0FF; --text: #FFFFFF; --text-muted: #94A3B8; --font-display: 'Montserrat', sans-serif; --font-body: 'Inter', sans-serif; } ``` --- ## 💼 Exemplos Reais de Clientes Prontos: ### 1. Cliente: `@dissondotrafego` (Tráfego & IA) - **Fundo:** `#0B0F19` (Dark Navy Profundo) - **Acento Primário:** `#FF5A1F` (Laranja Elétrico ADSon) - **Acentos Tech:** `#00F0FF` (Ciano) e `#00FF66` (Verde Lucro) - **Tipografia:** Montserrat 900 + Inter 400 - **Estilo Visual:** Fotografia em estúdio dark com rim-light ciano/laranja + dashboards reais. ### 2. Cliente: `Abastek` (Gestão de Frotas & Combustível) - **Fundo:** `#0F172A` (Azul Petróleo Escuro) - **Acento Primário:** `#FFB800` (Amarelo Diesel) - **Acento Secundário:** `#38BDF8` (Azul Gás) - **Tipografia:** Space Grotesk + Inter - **Estilo Visual:** Caminhões reais, postos, telemetria e gráficos de economia de combustível. ### 3. Cliente: `DeckAI` (Apresentações Automáticas com IA) - **Fundo:** `#050505` (Preto Absoluto) - **Acento Primário:** `#8B5CF6` (Roxo Neon / Violeta) - **Acento Secundário:** `#10B981` (Verde Esmeralda) - **Tipografia:** Syne Extra-Bold + Plus Jakarta Sans - **Estilo Visual:** Mockups de slides flutuantes com sombras suaves e gradientes sutis em nós de fluxo.

ÂNGULO 01 Inimigo Comum

Aponta o vilão que causa o sofrimento da audiência (ex: "O Safari e o iOS 14 estão roubando 60% do seu dinheiro de tráfego").

🎯 Hook Rate > 65%

ÂNGULO 02 Segredo Revelado

Mostra um método oculto que os grandes usam (ex: "O hack oficial para ativar 18 meses de Gemini Pro por 1 dólar direto da fonte").

🎯 CTR Alto + Viral

ÂNGULO 03 Custo da Inação

Calcula o prejuízo de não mudar (ex: "Quanto você perde por mês operando sua agência manualmente no WhatsApp?").

🎯 Conversão Direta

# EXEMPLO DE ROTEIRO UGC (Clip a Clip): [00:00 - 00:03] CENA 1 — HOOK • VISUAL: Apresentador em close estalando os dedos com expressão chocada, mostrando a tela do gerenciador de anúncios com 0 compras marcadas. • ÁUDIO: "Se você ainda confia 100% no pixel da Meta, você está jogando metade da sua verba no lixo." • TEXTO NA TELA: 🚨 60% DOS DADOS PERDIDOS [00:03 - 00:15] CENA 2 — PROBLEMA & MECANISMO • VISUAL: Gravação de tela mostrando a discrepância entre compras no checkout e compras na Meta. • ÁUDIO: "Com os novos bloqueadores e o iOS, a Meta fica completamente cega. A única forma de recuperar o seu ROAS é disparando conversões direto do seu servidor via CAPI." • TEXTO NA TELA: PIXEL VS SERVIDOR CAPI [00:15 - 00:30] CENA 3 — DEMONSTRAÇÃO & CTA • VISUAL: Apresentador mostrando o painel ADSon com eventos 100% sincronizados. • ÁUDIO: "Nós criamos uma infraestrutura dedicada que resolve isso em 10 minutos. Comente CAPI aqui embaixo para receber a aula prática gratuita." • TEXTO NA TELA: COMENTE 'CAPI' 👇

00 Orchestrator