v2 · pristine

O escritório merece um produto
com a precisão de uma keynote.

Branco cristalino. Tipografia massiva. Um único azul, usado com intenção. Densidade de despacho calibrada por percepção. O sistema que advogados de elite merecem ler — e responder antes do prazo.

segunda-feira · 09:17
47
publicações captadas no fim de semana.
Duas exigem ação hoje.
01 · Princípios

Cinco regras. Zero exceção.

Se um pixel viola qualquer uma delas, o pixel está errado. Não a regra.

01
regra
Prazo é sagrado.

O número de dias é tipográfico, não cromático. Danger só aparece em ≤ 1 dia ou vencido. A urgência se sente pela hierarquia, não pelo brilho.

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

Advogado lê para viver. Linha de leitura controlada (60–75 caracteres), display generoso para o que importa, contraste calibrado em branco cristalino.

Voltem os autos conclusos para sentença.

03
regra
Accent é declaração.

O azul Apple marca intenção: link, CTA primário, foco. Nunca decoração, nunca background gradiente sem propósito. Se o usuário vê azul, há ação a tomar.

termo monitorado→ ver as 12 publicações relevantes
04
regra
Densidade respeita seu tempo.

Linhas generosas mas não infladas (44px padrão). O usuário quer escanear 47 publicações em segundos, não 8 com paddings de fintech.

04:11TJSP · 3d
04:12TJSP · 4d
04:13TJSP · 5d
04:14TJSP · 6d
05
regra
Polish em cada pixel.

Soft shadow. 0.5px borders. Pill buttons. Hairlines. A soma de detalhes pequenos é o que diferencia produto premium de SaaS qualquer.

soft shadow · 0.5px
02 · Paleta

Branco. Tinta. Um azul.

O sistema inteiro vive de superfícies cristalinas, cinco tons de tinta calibrados, e um único azul Apple. Sinais raros — warn, danger, success — só aparecem quando o direito exige.

Surfaces

Branco cristalino, off-white para painéis, hover sutil. A folha respira.

5 tokens
canvas
#FFFFFF
tela cristalina · plano de fundo
surface
#FFFFFF
card em foco · superfície ativa
surface-2
#F5F5F7
painel base · seções neutras
surface-3
#EBEBEF
hover · estado pressionado
surface-tint
#FAFAFC
tinta sutil · realce passivo
Text · ink

Grayscale calibrada da Apple. Nunca preto puro. Cinco passos de hierarquia.

5 tokens
ink
#1D1D1F
corpo · headline · decisão
ink-2
#2C2C2E
parágrafo secundário
ink-muted
#6E6E73
metadado · legenda
ink-subtle
#86868B
caption · timestamp
ink-disabled
#C7C7CC
desabilitado · placeholder
Accent — único pop cromático

Azul link da Apple. Usado em links, CTAs primários e foco. Nunca decorativo.

3 tokens
accent
#0066CC
pop cromático único · azul Apple
accent-hi
#2079D6
hover · pressionado
accent-lo
#004FA3
foco profundo · text-on-tint
Sinais raros

Warn (≤ 5 dias). Danger (≤ 1 dia ou vencido). Success (sentença favorável).

3 tokens
warn
#B8860B
prazo ≤ 5 dias · atenção
danger
#D70015
vencido · ≤ 1 dia · preclusão
success
#00874A
sentença favorável · ganho
Hairlines & borders

0.5px borders são a assinatura visual da Apple. Sutis, mas estruturais.

4 tokens
border-faint
#F2F2F4
separador interno fraco
border
#E5E5E7
borda padrão · hairline
border-strong
#D2D2D7
borda enfática · campo
border-ink
#1D1D1F
foco decisivo · keyboard ring
03 · Tipografia

Inter, comportada como SF Pro.

Hierarquia por tamanho e peso — nunca por cor chamativa. Escala generosa: 11px a 112px. Tabular mono para CNJ, OAB, prazos e dinheiro.

pp-display · 6xl · 112px
47

Para os números do dia. O moment grande da inbox.

pp-display-light · 5xl · 80px
Não há prazo a vencer hoje.

Para empty states com personalidade. Para hero de seção.

token
spec
família
amostra
6xl
112/600
display
47
5xl
80/600
display
O escritório no pixel.
4xl
56/600
display
Não há prazo a vencer hoje.
3xl
40/600
display
Diário de Justiça Eletrônico
2xl
28/600
display
Embargos de Declaração
xl
21/600
sans
Vossa Excelência foi intimada
lg
17/500
sans
Carlos Eduardo Almeida — OAB/SP 312.987
md
15/400
sans
Despacho proferido em 22 de abril de 2026
base
13/400
sans
Linha de tabela · texto de corpo padrão
sm
12/400
sans
caption · metadata · 04:12
xs
11/500
mono
BADGE / CHIP / LABEL
Tipografia aplicada · realce de termo monitorado

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 sobre os documentos juntados às fls. 142/158, sob pena de preclusão.

termo monitoradomatch em “carlos eduardo almeida”
04 · Componentes

Biblioteca enxuta. Polish em cada pixel.

Pill buttons. Soft elevation. Generous radius. Cada componente carrega a personalidade do branco cristalino e a precisão do despacho.

Botões · pill · 4 variantes × 3 tamanhos
componente

Pill é a assinatura. Primário é o azul Apple, com soft shadow. Ghost é o azul puro como link. Danger nunca é primário.

Chips · status · sinais
componente
NEUTROACENTO≤ 5 DIASVENCE HOJEFAVORÁVEL
capturadoprazo ativovence hojefavorávelsem movimento
Prazo · hierarquia por urgência
componente
2vencido · contestação0hoje · manifestação3dias · recurso12dias · memoriais

Danger só aparece com ≤ 1 dia ou vencido. Warn aparece com ≤ 5 dias. Acima disso, é tinta neutra. 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

Slashed-zero ativo. Direito não tolera ambiguidade entre 0 e O.

KPI · 3 indicadores · soft elevation
componente
Hoje na banca
47
+12vs. semana passada
Prazos ≤ 5 dias
8
−2vs. semana passada
Vence hoje
2
riscovs. semana passada
Tabs · pill filters
componente
Tribunal:
Input · 44px · generous radius
componente
Tribunal de Justiça de São Paulo
⌘ K
Citação · peça destacada
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 · com personalidade
componente
0
Sem prazos para hoje.
Aproveite para revisar os 8 processos sem termo monitorado configurado.
05 · Léxico

O design fala português jurídico.

Não usamos “active”, “pending”, “success”. Usamos as palavras que o advogado escreve no despacho.

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. Warn 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 & Motion

Generosamente arredondado. Sutilmente animado.

Apple usa 14–22px de radius. Motion sob 400ms, sempre com cubic-bezier engineered. Zero bounce. Zero spring.

Radius · 6 → 24px
sm · 6px
md · 12px
lg · 18px
xl · 24px

Pill (980px) para botões e tabs. 18px para cards. 24px para heroes. 12px para inputs. Cada raio carrega intenção.

Motion · 150 → 400ms
dur-1
hover · color shift · pressionado
150ms
dur-2
disclosure · sheet · drawer
250ms
dur-3
page transition · hero reveal
400ms
ease
a assinatura Apple · ease-out engineered
cubic-bezier(0.32, 0.72, 0, 1)

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

próximo capítulo

Veja como esta linguagem
se comporta em telas reais.

Cinco cenas que cobrem o ciclo completo: captura, leitura, classificação, ação e arquivo.

ogmma·jurídico·v2 · pristine
white · ink · single accent
proposta · 2026-04-29