Identidade Visual

Guia da marca Chat Jurídico - logos, tipografia, cores e diretrizes

Marca registrada no INPI - protegida pela Lei nº 9.279/96 (Lei da Propriedade Industrial). A reprodução, imitação ou uso não autorizado desta marca constitui crime, sujeito a pena de detenção e multa (arts. 189 e 190).

Inspiração da Marca

Chat Jurídico - Simetria e construção da marca

A marca une chat + balança da justiça. O balão de fala representa a comunicação moderna; a balança, a tradição do Direito. Juntos, traduzem a proposta do Chat Jurídico: tecnologia a serviço da advocacia.

O WhatsApp é o canal onde a justiça se democratiza - onde o cidadão já está, onde a conversa acontece. A marca nasce desse encontro: o meio mais acessível do Brasil a serviço do Direito.

Símbolo Chat + balança
Princípio Simetria perfeita
Construção Grid geométrico
Tom Profissional + moderno
Canal WhatsApp - onde a justiça se democratiza

Logos

Fundos claros

Chat Jurídico - Logo Principal
Logo Principal
Versão completa para headers, e-mails e materiais em fundo claro
·
Chat Jurídico - Logo Vertical
Vertical
Composição empilhada. Ideal para selos, cartões e espaços estreitos
·
Chat Jurídico - Ícone
Ícone
Símbolo isolado. Use em favicons, avatares e botões pequenos
·

Fundos escuros

Chat Jurídico - Logo Branca Vazada
Branca Vazada
Versão monocromática branca para fundos escuros, vídeos e overlays
·
Chat Jurídico - Vertical Branca Vazada
Vertical Vazada
Stacked branca para fundos escuros, selos e capas
·
Chat Jurídico - Quadrada Branca Vazada
Quadrada Vazada
Símbolo branco em proporção 1:1 para avatares em fundo escuro
·
Diretrizes - Manter proporção original. Não alterar cores. Espaço mínimo ao redor: metade da altura do ícone. Tamanho mínimo: 120px de largura.

Tipografia

Fonte principal
System UI
Fonte nativa do SO do usuário. Máxima performance, zero download.
system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
San Francisco Segoe UI Noto Sans Roboto
Fonte de destaque
Caveat
Google Font manuscrita. Taglines e elementos de personalidade.
'Caveat', cursive
H1 Título Principal 2.8rem / 700
H2 Seção 2.2rem / 600
H3 Subseção 1.75rem / 600
Body Texto principal, parágrafos e descrições. 1rem / 400
Small Legendas, notas e metadados. 0.875rem / 400
Tag Superpoderes para o seu atendimento 1.2rem / Caveat

Paleta de Cores

Primary
Azul Corporativo
#3a5d9d
Blue
Azul Brilhante
#3b82f6
WhatsApp
Verde WhatsApp
#25D366
Success
Verde Sucesso
#10b981
Warning
Laranja Alerta
#f59e0b
Error
Vermelho Erro
#ef4444
Neutral
Cinza
#e2e8f0
Muted
Cinza Escuro
#6c757d
Uso - Azul Corporativo para branding. Azul Brilhante para CTAs e links. Verde WhatsApp apenas em contexto WhatsApp. Verde Sucesso para confirmações. Laranja para avisos. Vermelho para erros e ações destrutivas.

Elementos de UI

Conjunto autoral de ícones animados em SVG, derivado do design system do Claude Cowork e recolorido para o Azul Corporativo do Chat Jurídico. Use como apoio visual em features, CTAs e interfaces. Animações respeitam prefers-reduced-motion.

Kanban
Funil e movimentação de leads
Mensagem
Conversa, follow-up e WhatsApp
Visão IA
Inteligência que observa o operacional
Documento
Análise de petições e contratos
Equipe
Distribuição de atendimentos
Métricas
Crescimento e performance
Uso - Ícones em SVG inline, recoloridos via stroke e fill com #3a5d9d (Azul Corporativo). Para fundos escuros, trocar por #ffffff. Tamanho recomendado: 32px a 40px. As animações usam classes utilitárias prefixadas com .iv-anim-*.