live
v4.graphite/2026.04.29
v4 · graphiteharvey-grade · ai-grade enterprise · black metallic

Inteligência jurídica
com a precisão de
hardware enterprise.

Sistemas jurídicos brasileiros parecem 2010. Linear, Vercel, Stripe e Harvey provaram que enterprise pode parecer silício escovado: black metálico, cinzas em camadas, e branco usado como evento — não como decoração. Este é o vocabulário de quem defende Goldman Sachs, não de quem agenda lembrete.

Tokens cromáticos
17
5 surfaces · 4 borders · 4 text · 4 sinais
Steps tipográficos
10
11px → 80px · Inter apenas
Radius máximo
16px
contido · enterprise · machined
Motion ceiling
200ms
cubic-bezier(.16,1,.3,1)
01 · Princípios

Cinco regras inegociáveis.

Se um pixel violar qualquer uma delas, o pixel está errado. Não a regra. Cada regra carrega a personalidade enterprise — sóbrio, deliberado, AI-grade sem flash.

§ 01
regra
Prazo é sinal, não decoração

Champagne só aparece quando há algo a ouvir. Vermelho só quando há algo a perder. Cor sem significado é ruído enterprise.

0hoje · manifestação4dias12dias
§ 02
regra
Texto é o produto

Legibilidade em dark > tudo. Tracking apertado em display, leading confortável em corpo, contraste calibrado para sessões de duas horas lendo despachos.

Vistos. Em razão do laudo pericial juntado às fls. 142/158…

§ 03
regra
Cinza metálico é estrutura

Camadas de surface (#13 → #1A → #22) constroem profundidade sem sombra. O sistema parece machined, não desenhado — peça única em alumínio escovado.

§ 04
regra
Branco é evento

O CTA primário é branco em fundo preto. Aparece raramente, sempre por escolha deliberada. Quando o usuário vê branco sólido, há uma decisão a tomar.

§ 05
regra
AI-grade ≠ AI-flashy

Sem gradiente arco-íris, sem partícula brilhante, sem "powered by AI" em néon. A IA aparece como um filete champagne, um callout sóbrio, um número de confiança.

confiança 96%
02 · Paleta

Black, grafite, branco, champagne.

Quatro famílias. Surfaces em camadas, borders quase invisíveis, texto hierarquizado em branco, e um único acento champagne — usado como sinal jurídico, nunca como enfeite.

Canvas · surfaces

Black profundo. Camadas de cinza metálico construindo profundidade.

canvas
#0A0A0B
fundo absoluto · vácuo de trabalho
surface
#131318
painel base · primeira camada
surface-2
#1A1A20
sidebar · header · grupo
surface-3
#22222A
hover · seleção · destaque
surface-elev
#1F1F26
card metálico · citação
Borders · hairlines

Quase invisíveis. Estrutura sem peso.

border-faint
#1A1A20
divisão imperceptível
border
#25252D
hairline padrão · 99% dos casos
border-strong
#36363F
emphasis · KPI tile
chrome-edge
rgba(255,255,255,0.18)
borda cromada · botão secundário
Text · hierarquia

Branco hierarquizado. Quatro pesos para sessões longas em dark.

text
#F4F4F6
corpo · titulo · evento branco
text-2
#D6D6DC
leitura confortável em dark
text-muted
#9E9EA8
metadado · caption · subtítulo
text-subtle
#6E6E78
label mono · tribunal · hora
Chrome accent

Branco como evento. Champagne como sinal.

chrome
#FFFFFF
evento · CTA primário · highlight raro
warm
#D4A24F
champagne · prazo ativo · termo monitorado
Sinais · muted, baixa saturação
3 cores · cada uma carrega significado
danger
#FF6B6B
≤ 1 dia · vencido · risco de preclusão
Saturação baixa. Vermelho de console, não de CRM.
success
#4ADE80
sentença favorável · trânsito em julgado · live
Verde de log, não de check de SaaS.
info
#7AA7FF
protocolado · publicado · evento neutro
Azul muted — informação que não pede ação.
03 · Tipografia

Inter, tracking apertado.

Apenas Inter. Display com letter-spacing -0.035em (gp-display) para sensação enterprise. Mono tabular para CNJ, OAB, prazos. Hierarquia por tamanho e peso — nunca por cor.

gp-display · letter-spacing −0.035em · weight 500
Não há prazo a vencer hoje.
A mesma frase em peso e tracking padrão soa como aviso. Em gp-display, soa como reportagem.
token
spec
família
amostra
5xl
80/500
display
0
4xl
52/500
display
Inteligência jurídica
3xl
36/500
display
Embargos de declaração
2xl
26/500
display
Vossa Excelência foi intimada
xl
20/500
sans
Captação · TJSP · 24 publicações
lg
16/500
sans
Carlos Eduardo Almeida — OAB/SP 312.987
md
14/400
sans
Despacho proferido em 28 de abril de 2026
base
13/400
sans
Linha de tabela · texto de corpo padrão
sm
12/400
sans
caption metadata · sidebar item
xs
11/500
mono
BADGE · CHIP · LABEL
Tipografia aplicada · realce de termo

Intima-se a parte autora, na pessoa de seu advogado Carlos Eduardo Almeida, OAB/SP 312.987, para, no prazo de 15 (quinze) dias, manifestar-se especificamente sobre as conclusões periciais, sob pena de preclusão.

termo monitoradomatch em "carlos eduardo almeida" + OAB
04 · Componentes

Biblioteca enxuta, opinionada.

Cada componente carrega o efeito metallic dos cards e a precisão tipográfica do despacho. Se parece bonito mas viola uma regra, sai.

Botões · 4 intenções × 3 tamanhos
componente
lg
md
sm

Primário é branco sólido, evento raro. Secondary tem chrome-edge. Champagne nunca vira CTA.

Chips · 6 tons
componente
NOVOCHROMEPRAZO ATIVOVENCE HOJEFAVORÁVELPROTOCOLADO
prazo ativovence hojelivecapturadosem movimento
Prazo · hierarquia por urgência
componente
2vencido · contestação0hoje · manifestação3dias · recurso12dias · memoriais

Danger só com ≤ 1 dia ou vencido. Champagne com ≤ 5 dias. Acima disso, neutro. A urgência é tipográfica, não cromática.

Identificadores jurídicos · mono tabular
componente
CNJ1003456-22.2026.8.26.0100
OABOAB/SP 312.987
CPF284.512.901-44
CNPJ18.342.567/0001-92

Todos em mono tabular. Slashed-zero ativo. Direito não tolera ambiguidade entre 0 e O.

KPI · metallic cards
componente
Hoje na banca
47
12 com termo monitorado
Prazos ≤ 5 dias
8
priorize estes
Vence hoje
2
risco de preclusão
Tabs segmented · chrome-edge
componente
tribunal:
Input · select · keyboard
componente
Tribunal de Justiça de São Paulo
⌘ K
Citação · peça em surface-elev
componente
“Defere-se o pedido de tutela provisória de urgência, determinando-se à requerida que se abstenha de promover qualquer cobrança, sob pena de multa diária de R$ 1.000,00.”
juiz · 2ª vara cível·1003456-22.2026.8.26.0100
Empty state · personalidade
componente
0
Sem prazos para hoje.
Aproveite para revisar os 8 processos sem termo monitorado configurado.
Toolbar contextual
componente
3 selecionadas
05 · Léxico

Vocabulário do escritório.

Não usamos "active", "pending", "success". Usamos as palavras que o advogado escreve no despacho. O design fala português jurídico.

termo
visual
quando usar
Pendente
NOVO
publicação capturada, ainda não classificada pelo escritório.
Ciente
CIENTE
advogado abriu, leu e tomou ciência. Conta para auditoria interna.
Em prazo
PRAZO ATIVO
há prazo computável. Champagne se ≤ 5 dias, danger se ≤ 1.
Vencido
VENCIDO
prazo expirou sem manifestação. Danger sempre.
Favorável
FAVORÁVEL
sentença favorável, transitada em julgado, ganho.
Arquivado
ARQUIVADO
sem ação requerida. Sai do inbox, fica acessível por busca.
06 · Geometria & Tempo

Cantos contidos, motion preciso.

Radius modesto, transições rápidas, ease engineered. Enterprise não bounça.

Radius · 4 → 16px
sm · 4px
md · 8px
lg · 12px
xl · 16px

Acima de 16px começa a parecer fintech. Cards usam md (8px), hero usa lg (12px). Chip e input ficam em sm.

Motion · 120–200ms
dur-1
hover · color shift · chip toggle
120ms
dur-2
disclosure · sheet open · tab switch
200ms
ease
ease-out engineered · sem bounce
cubic-bezier(.16,1,.3,1)

Zero bounce. Zero spring. Zero parallax. O sistema parece rápido porque é rápido — não porque mexe muito.

próximo passo

Veja em telas reais.

Cinco cenas que cobrem o ciclo completo: captura, leitura, classificação, ação e arquivo. Tudo com o vocabulário Harvey-grade aplicado em densidade enterprise.

ogmma · jurídico·v4 · graphite · harvey-grade
black · graphite · chrome · champagne
proposta · 2026-04-29