JurisTrack — Brand Guidelines

01 — Logo

Marca e variações

O monograma JT combina seriedade jurídica com identidade de produto digital. O acento dourado no gancho do J é o elemento diferenciador da marca.

JurisTrack

Wordmark Principal

Símbolo · Claro

JurisTrack

Wordmark · Principal

JurisTrack

Wordmark · Escuro

Espaço de proteção

Mantenha sempre uma área mínima de respiro ao redor da marca equivalente à altura do símbolo JT. Nenhum outro elemento deve invadir essa zona — textos, bordas, imagens ou elementos decorativos.

Mínimo: 24px

Padrão: 40px

Grande: 64px

✕

Não altere as cores

✕

Não distorça proporções

✕

Não adicione efeitos

✕

Não use sobre gradiente

02 — Cores

Paleta de cores

Verde floresta como primária — seriedade jurídica, natureza e confiança. Ouro como acento exclusivo.

Verde Floresta

#1A3A2A

Primária · headers · dark surface

Verde Ativo

#2E7D54

CTAs · links · ativo

Ouro

#D4A853

Acento · premium

Off-White

#F7F4EF

Background

Ink

#15120D

Texto principal

900

800

700

600

500

400

200

100

50

Contraste WCAG

Aa

13.4:1

AAA

Aa

5.8:1

AA

Aa

7.2:1

AAA

Aa

13.4:1

AAA

03 — Tipografia

Plus Jakarta Sans

Uma única família typeface. Hierarquia construída com peso, tamanho e cor — nunca com fontes diferentes.

Display

48px / 800 / −0.05em

JurisTrack

Heading 1

32px / 800 / −0.04em

Seus processos, em tempo real

Heading 2

22px / 700 / −0.03em

Consulta via WhatsApp

Body

14px / 400 / 0em / 1.65lh

Consulte qualquer processo judicial diretamente pelo WhatsApp. Sem portais complicados — só o número do processo e pronto.

Caption

12px / 500 / +0.01em

Atualizado em 31 mar. 2026 às 09:14 · TJSP

Overline

10.5px / 700 / +0.14em / UPPER

Número do processo

Proteção jurídica
no WhatsApp.

Nenhum lead fica sem resposta. Nenhum prazo passa em branco. JurisTrack monitora enquanto você trabalha.

04 — Botões

Interação & estados

Passe o mouse nos botões para ver a animação. A seta ↗ indica ação de navegação ou abertura.

Hierarquia principal — pill shape

Sobre fundo escuro

Retangular (UI interno)

Tamanhos

05 — Componentes

Interface

Todos os componentes construídos a partir dos design tokens. Sem valores hardcoded.

Status de processo

Ativo Aguardando Urgente Encerrado Premium

Campos de formulário

Número do processo Formato CNJ

Tribunal Focus state

WhatsApp Número inválido

Cards de processo

0012345-67.2024.8.26.0100

Ação de Indenização

TJSP · 1ª Vara Cível · São Paulo

Ativo

Último andamento

Intimação das partes para manifestação em 15 dias úteis.

há 2 horas

0087654-32.2023.8.26.0050

Execução Fiscal

TRF3 · 2ª Turma

Urgente

Prazo iminente

Embargos vencem em 3 dias. Ação necessária.

agora mesmo

06 — Elevação

Sistema de sombras

Nível 0 · Flat

Sem sombra

border-only

Tabelas, inputs, dividers

Nível 1 · sm

Baixo

--shadow-sm

Cards, botões elevados

Nível 2 · md

Médio

--shadow-md

Dropdowns, popovers

Nível 3 · lg

Alto

--shadow-lg

Modais, drawers

07 — Espaçamento

Escala 4px

Todos os valores de espaçamento são múltiplos de 4px. Nunca use valores fora desta escala.

4

--sp-1

8

--sp-2

12

--sp-3

16

--sp-4

20

--sp-5

24

--sp-6

32

--sp-8

40

--sp-10

48

--sp-12

64

--sp-16

08 — Produto em contexto

JurisTrack no WhatsApp

JurisTrack

online

0012345-67.2024.8.26.0100

14:32 ✓✓

JurisTrack

✅ Processo encontrado

Ação de Indenização
TJSP · 1ª Vara Cível

Última movimentação:
Intimação — 28/03/2026

14:32

Histórico

Monitorar

Novo processo

⚠️ Alerta de prazo

Processo 0087654-32 vence em 3 dias.

14:33

Mensagem

➤

Consulta jurídica
direta no WhatsApp.

Sem apps para instalar. O advogado consulta, monitora e recebe alertas no canal que já usa todos os dias.

🔍

Consulta por número CNJ

🔔

Alertas automáticos de andamento

⚠️

Notificação de prazos críticos

📋

Histórico completo de movimentações

09 — Design Tokens

CSS Custom Properties

Token	Valor	Uso
--color-primary	#1A3A2A	Cor primária
--color-cta	#2E7D54	CTAs e botões
--color-accent	#D4A853	Acento dourado
--color-bg	#F7F4EF	Background
--color-text	#15120D	Texto principal
--font-family	'Plus Jakarta Sans'	Fonte única	—
--ease-out	cubic-bezier(.16,1,.3,1)	Easing padrão de UI	—
--shadow-sm	0 1px 3px rgba(15,35,24,.06)	Elevação baixa	—
--shadow-md	0 4px 12px rgba(15,35,24,.08)	Elevação média	—
--shadow-lg	0 12px 32px rgba(15,35,24,.12)	Elevação alta	—
--radius-sm	6px	Chips, badges	—
--radius-md	12px	Cards	—
--radius-pill	999px	Botões pill	—

Identidade Visual.

Marca e variações

Paleta de cores

Plus Jakarta Sans

Interação & estados

Interface

Sistema de sombras

Escala 4px

JurisTrack no WhatsApp

CSS Custom Properties

Identidade
Visual.