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 colorido oficial sobre gradiente azul afresco. O oficial mais duas variações por contexto. Passe o mouse para baixar 1080² ou 640².

Oficial Instagram, LinkedIn, Google

Safira Perfil institucional

Atlântico WhatsApp Business

Perfil - Ícone colorido oficial sobre gradiente azul. Oficial (Cerúleo Afresco) para redes em geral, Safira para materiais institucionais e Atlântico para WhatsApp Business. 1080×1080 para Instagram/LinkedIn, 640×640 para WhatsApp. As demais paletas e estilos continuam disponíveis via npm run iv:avatars.

Pack completo (.zip)

Outros formatos? Entre em contato