Identidade Visual

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

Aniversário oficial do Chat Jurídico: 02/06 (2 de junho), celebrado todo ano.

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).

Marca: Chat Jurídico
Site: https://chatjuridico.com.br/
Identidade visual: https://chatjuridico.com.br/identidade-visual/
Slogan: Superpoderes para o seu atendimento
Posicionamento: WhatsApp CRM e operação com IA para escritórios de advocacia no Brasil.
Aniversário oficial da marca: 02/06 (2 de junho).
Marca registrada no INPI (Lei nº 9.279/96).
Cores oficiais:
- Azul Corporativo (Primary): #3a5d9d
- Azul Brilhante (CTA/links): #3b82f6
- Verde WhatsApp (apenas em contexto WhatsApp): #25D366
- Verde Sucesso: #10b981
- Laranja Alerta: #f59e0b
- Vermelho Erro: #ef4444
- Cinza neutro: #e2e8f0
- Cinza escuro: #6c757d
Tipografia:
- Principal: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
- Destaque (taglines): 'Caveat', cursive (Google Fonts)
Logos oficiais (URLs absolutas):
- Logo principal horizontal SVG: https://chatjuridico.com.br/assets/images/logos-chat-juridico/logo-chat-juridico-escrita-transparente.svg
- Logo vertical (ícone sobre nome) SVG: https://chatjuridico.com.br/assets/images/logos-chat-juridico/chat-juridico-stacked-logo.svg
- Ícone SVG: https://chatjuridico.com.br/assets/images/logos-chat-juridico/chat-juridico-icon-transparente.svg
- Logo branca vazada horizontal (fundo escuro): https://chatjuridico.com.br/assets/images/logos-chat-juridico/logo-chat-juridico-white-vazado.svg
- Logo vertical branca vazada (fundo escuro): https://chatjuridico.com.br/assets/images/logos-chat-juridico/chat-juridico-stacked-logo-white-vazada.svg
- Quadrada branca vazada (fundo escuro): https://chatjuridico.com.br/assets/images/logos-chat-juridico/chat-juridico-square-logo-white-vazada.svg
- Pack completo (zip): https://chatjuridico.com.br/assets/downloads/chat-juridico-logos.zip
Fundos gradiente azul (logo centralizada, PNG):
- Diagonal corporativo 1920x1080: https://chatjuridico.com.br/assets/images/identidade-visual/fundo-gradiente-azul-logo-central-diagonal-corporativo-1920x1080.png
- Radial brilho central 1920x1080: https://chatjuridico.com.br/assets/images/identidade-visual/fundo-gradiente-azul-logo-central-radial-brilho-central-1920x1080.png
- Claro suave 1920x1080: https://chatjuridico.com.br/assets/images/identidade-visual/fundo-gradiente-azul-logo-central-claro-suave-1920x1080.png
- Profundo mesh 1920x1080: https://chatjuridico.com.br/assets/images/identidade-visual/fundo-gradiente-azul-logo-central-profundo-mesh-1920x1080.png
- Aurora azul 1920x1080: https://chatjuridico.com.br/assets/images/identidade-visual/fundo-gradiente-azul-logo-central-aurora-azul-1920x1080.png
- Corporativo minimal 1920x1080: https://chatjuridico.com.br/assets/images/identidade-visual/fundo-gradiente-azul-logo-central-corporativo-minimal-1920x1080.png
Fotos de perfil 1:1 (ícone centralizado, 7 paletas azuis × 6 estilos afresco, 1080² e 640² WhatsApp):
- Paletas (somente azul): Cerúleo Afresco, Safira Corporativa, Brisa Brilhante, Azul Glacial, Azul Polar, Meia-noite Azul, Atlântico Sereno
- Estilos: céu-afresco, luz-divina, fresco-suave, horizonte-dourado, nuvens-eteras, celeste-minimal
- Padrão: https://chatjuridico.com.br/assets/images/identidade-visual/foto-perfil-gradiente-azul-icone-ceu-afresco-1080x1080.png
- Regenerar: npm run iv:avatars
Diretrizes:
- Manter proporção original. Não alterar cores. Espaço mínimo: metade da altura do ícone. Tamanho mínimo de logo: 120px de largura.
- Verde WhatsApp (#25D366) só pode ser usado em contexto WhatsApp.
- Não usar o caractere de travessão em conteúdo publicado.

Inspiraçã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

Logo Principal

Versão completa para headers, e-mails e materiais em fundo claro

Vertical

Composição empilhada. Ideal para selos, cartões e espaços estreitos

Ícone

Símbolo isolado. Use em favicons, avatares e botões pequenos

Fundos escuros

Branca Vazada

Versão monocromática branca para fundos escuros, vídeos e overlays

Vertical Vazada

Stacked branca para fundos escuros, selos e capas

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

Google Fonts

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

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-*.

Fundos com Gradiente

Variações geradas programaticamente com a logo vertical centralizada sobre gradientes em tons de azul da paleta oficial. Use em apresentações, capas de vídeo, posts e materiais digitais. Regenerar com npm run iv:gradientes.

Diagonal corporativo

Transição 135° entre Azul Corporativo e tons profundos. Logo branca vazada.

· ·

Radial brilho central

Glow no centro com bordas escuras. Ideal para telas e thumbnails.

· ·

Claro suave

Tons claros de azul. Usa logo colorida (não a versão branca).

· ·

Profundo mesh

Navy com orbes de luz. Tom sério para webinars e keynotes.

· ·

Aurora azul

Múltiplos radiais cruzados. Visual dinâmico para redes sociais.

· ·

Corporativo minimal

Gradiente vertical sóbrio em Azul Corporativo. Versátil e limpo.

· ·

Uso - Fundos widescreen com logo vertical empilhada. Não recortar a logo do PNG. Regenerar: npm run iv:gradientes. Story (1080×1920): node scripts/generate-identidade-visual-gradient-backgrounds.js --only v1,story.

Fotos de perfil (1:1)

Ícone sobre fundos afresco em tons de azul e variações da marca. Grade única 9 colunas (7 paletas × 6 estilos = 42). Hover para baixar 1080² ou 640². npm run iv:avatars

Cerúleo Afresco Safira Corporativa Brisa Brilhante Azul Glacial Azul Polar Meia-noite Azul Atlântico Sereno

Estilos de gradiente

Céu afresco Luz divina Fresco suave Horizonte dourado Nuvens etéreas Celeste minimal

Céu afresco

Luz divina

Fresco suave

Horizonte dourado

Nuvens etéreas

Celeste minimal

Céu afresco

Luz divina

Fresco suave

Horizonte dourado

Nuvens etéreas

Celeste minimal

Céu afresco

Luz divina

Fresco suave

Horizonte dourado

Nuvens etéreas

Celeste minimal

Céu afresco

Luz divina

Fresco suave

Horizonte dourado

Nuvens etéreas

Celeste minimal

Céu afresco

Luz divina

Fresco suave

Horizonte dourado

Nuvens etéreas

Celeste minimal

Céu afresco

Luz divina

Fresco suave

Horizonte dourado

Nuvens etéreas

Celeste minimal

Céu afresco

Luz divina

Fresco suave

Horizonte dourado

Nuvens etéreas

Celeste minimal

Perfil - Ícone colorido oficial em todas as combinações. Apenas gradientes azuis (sem verde, âmbar ou lavanda). Cerúleo Afresco é a paleta padrão (arquivos gradiente-azul). Atlântico Sereno é a opção mais saturada para WhatsApp Business. 1080×1080 para Instagram/LinkedIn; 640×640 para WhatsApp. Regenerar tudo: npm run iv:avatars.

Pack completo (.zip)

Outros formatos? Entre em contato