Sistema visual para aplicação em funil de vendas, páginas, posts e materiais de comunicação. Derivado do Brandbook v1.0.
Oito cores organizadas em três grupos: Cores Principais (identidade e autoridade), Cores de Suporte (neutros funcionais) e Cores de Estado (feedback e urgência). Cada cor tem uso definido — não são intercambiáveis.
Combinações aprovadas para uso. Todas atendem ou superam o mínimo WCAG AA (4.5:1 para texto normal).
Três fontes Google Fonts com papéis distintos e complementares. Nenhuma fonte externa paga — acesso universal, carregamento rápido, consistência garantida em todos os dispositivos.
| Papel | Fonte | Pesos | Uso | Justificativa |
|---|---|---|---|---|
| Display | Playfair Display | 400 · 600 · 700 | H1, H2, citações de destaque, nomes de módulos | Serif com alto contraste — autoridade jurídica, rigor intelectual, diferenciação visual imediata frente a produtos EAD genéricos |
| Body | Inter | 300 · 400 · 500 · 600 · 700 | H3 (uppercase), H4, corpo de texto, CTAs, labels, tabelas | Máxima legibilidade em tela, inclusive em mobile. Projetada para interfaces digitais — zero fadiga de leitura em textos longos |
| Acento | Cormorant Garamond | 400 · 600 (italic) | Pull quotes, depoimentos, promessa central em destaque, frases da Big Idea | Serif elegante com traços finos — usada com moderação para criar momentos de pausa e elegância em meio ao conteúdo técnico |
H1 — Playfair Display Bold 700 — 56px desktop / 36px mobile — Azul Naval #1A2E4A
H2 — Playfair Display SemiBold 600 — 40px desktop / 28px mobile — Azul Naval #1A2E4A
H3 — Inter Bold 700 Uppercase — 13px + letter-spacing 0.2em — Bronze #B08D57
H4 — Inter SemiBold 600 — 18px — Azul Naval #1A2E4A
O advogado que domina o protocolo de assembleia não precisa se vender ao síndico. A própria conduta técnica na reunião — a precisão na contagem do quorum, a clareza na condução da pauta, a ata lavrada sem vício — funciona como o melhor portfólio possível. Clientes que viram o profissional trabalhar ao vivo não precisam de proposta comercial.
Body — Inter Regular 400 — 16px — Grafite #4A5568 — Line-height 1.75
Pull Quote — Cormorant Garamond Italic 400 — 22px — Azul Naval — Borda esquerda Bronze
Texto auxiliar — metadados, datas, instruções de suporte. Inter Regular 400 — 13px — Grafite Claro #718096.
Borda-radius máximo: 2-3px. Sem sombra dramática nos botões. Padding vertical mínimo 13px para área de toque adequada em mobile.
Sombras: apenas leves e neutras. Proibido usar sombras coloridas ou dramáticas. Border-radius máximo: 4px em qualquer elemento.
Exclusivamente outline (linha fina, stroke 1.5px). Nunca filled colorido. Cor dos ícones: Azul Naval como padrão, Bronze como destaque.
Biblioteca recomendada: Heroicons outline (gratuita, MIT license). Tamanho padrão: 24x24px para interface, 32x32px para destaques.
Geometria rígida. Sem formas orgânicas, blobs ou curvas expressivas.
Proibido: formas orgânicas, gradientes com mais de 2 cores, patterns de textura digital, sombras paralaxe.
Como a identidade visual se materializa nos principais pontos de contato com o público.
Em 8 horas, você aprende o protocolo completo para atuar como autoridade jurídica em qualquer assembleia condominial — e sai com os documentos prontos para fechar seus primeiros contratos de assessoria.
Fundo: Azul Naval #1A2E4A — Texto: Branco e Bronze — Botão: Bronze com texto Branco
Formato quadrado 1080x1080px — Fonte Display: Playfair Display — Corpo: Inter
Usar Azul Naval como fundo de hero com texto branco — alto contraste, presença visual forte.
Títulos em Playfair Display — imediatamente diferencia de templates EAD genéricos.
Botões com raio mínimo (2px) e padding generoso — seriedade sem parecer antigo.
Bronze apenas como acento — nunca como cor de fundo em áreas grandes.
Espaço em branco generoso entre seções — respira, não sufoca.
Usar gradientes com 3 ou mais cores — poluição visual incompatível com o posicionamento.
Botões com border-radius acima de 4px — bordas muito arredondadas passam leveza incompatível com o tom jurídico.
Texto branco sobre Bronze — contraste insuficiente, risco de ilegibilidade.
Ícones filled coloridos — incompatível com o estilo outline definido.
Fontes diferentes das três definidas — cada fonte adicional fragmenta a identidade visual.