v1 · propostaeditorial-grade · paper + ink + brass

O escritório merece um produto que
leia como petição e responda como tribunal.

POL e Projudi parecem 2010. Astrea parece um CRM de SaaS qualquer. Ogmma Jurídico é papel calibrado em pixel: tipografia editorial, hierarquia por urgência (não por cor chamativa), e densidade de despacho. Cada elemento serve uma decisão jurídica — ler, classificar, agir antes do prazo.

Cores totais
17
5 papel · 4 hairlines · 5 ink · 4 sinais raros
Steps tipográficos
10
11px → 64px · serif para display
Radius máximo
4px
papel não tem radius generoso
Motion ceiling
140ms
documento não bounça
01 · Princípios

Cinco regras que não negociam

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. Carmim 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), serif para conteúdo importante, contraste calibrado em papel quente.

“Voltem os autos conclusos para sentença.”

§ 03
regra
Brass é aviso, não decoração

O bronze marca atenção: prazo ativo, novo, termo monitorado. Nunca CTA, nunca enfeite. Se o usuário vê brass, há algo a considerar.

prazo ativo• novo: 3 publicações
§ 04
regra
Densidade é respeito

Linhas de 30–36px. O usuário quer escanear 60 publicações em segundos, não 8 com paddings de fintech.

08:41TJSP · 3d
08:42TJSP · 4d
08:43TJSP · 5d
08:44TJSP · 6d
08:45TJSP · 7d
§ 05
regra
Citação é tipografia

Quando a peça aparece, ela aparece em serif italic, com filete brass. Tribunal merece a mesma reverência que o livro de direito.

“Defere-se o pedido de tutela de urgência.”
02 · Paleta

Papel, tinta e bronze. Sem mais.

Cinco tons de papel calibrados por percepção, cinco de ink, e quatro sinais raros que carregam significado jurídico — não estado de UI.

Papel · canvas + superfícies

Bege quente. Não-branco. A folha respira.

canvas
#F4EFE2
mesa de trabalho · papel encadernado
paper
#FBF8EF
folha em foco · cartão
paper-2
#F7F3E6
painel base
paper-3
#EFE9D8
painel ativo · linha em hover
paper-hover
#F1EBD9
feedback de seleção
Hairlines

A grade do caderno de petição.

rule-subtle
#E6DFCA
pauta · grade fraca
rule
#D6CDB1
borda padrão
rule-strong
#B9AD8A
borda enfática · botão secundário
rule-ink
#14181D
foco · borda decisiva
Ink · texto

Tinta gráfica, nunca preto puro.

ink
#14181D
ink-2
#2C333D
ink-muted
#5E6671
ink-subtle
#8B8674
ink-disabled
#B6B09C
corpo · texto principal
texto secundário
metadado · legenda
caption sobre papel
desabilitado
Sinais raros · use com intenção jurídica
4 cores · cada uma carrega significado
brass
#A47C2B
sinal de atenção · prazo ativo · novo
Acento único. Nunca decorativo, nunca botão primário em jornada feliz.
carmim
#A32E2E
prazo ≤ 24h · vencido · perda de chance
Se o usuário vê carmim, alguém está prestes a perder algo.
verde
#2F6B3C
sentença favorável · ganho · trânsito em julgado
Reservado para resultado bom. Não usar em "salvo", "ok", "concluído" genérico.
selo
#2B5A8A
protocolado · publicado · informação passiva
Cor de carimbo. Marca evento, não estado emocional.
03 · Tipografia

Source Serif para o que importa. Inter para o resto.

Hierarquia por tamanho e peso — nunca por cor chamativa. Display em serif: peças, citações, números do dia. Tabular mono para CNJ, OAB, prazos.

token
spec
família
amostra
display
64/500
display
Não há prazo a vencer hoje.
4xl
44/600
display
Diário de Justiça Eletrônico
3xl
32/600
display
Embargos de Declaração
2xl
24/600
display
Vossa Excelência foi intimada
xl
19/600
sans
Publicações de hoje · TJSP
lg
16/500
sans
Carlos Eduardo Almeida — OAB/SP 312.987
md
14/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
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 sobre os documentos juntados às fls. 142/158, sob pena de preclusão. Decorrido o prazo sem manifestação, voltem os autos conclusos para sentença.

termo monitoradomatch em "carlos eduardo almeida"
04 · Componentes

Biblioteca enxuta, opinionada

Cada componente carrega a personalidade do papel e a precisão do despacho. Se parece bonito mas viola uma regra, sai.

Botões · 4 intenções
componente

Primário é tinta sólida, não brass. Brass nunca vira CTA — é sinal de prazo, não call to action.

Status, chips, sinais
componente
NOVOPRAZO ATIVOVENCE HOJEFAVORÁVELPROTOCOLADO
prazo ativovence hojearquivadocapturadosem movimento
Inputs · select · keyboard
componente
Tribunal de Justiça de São Paulo
⌘ K
Prazo · hierarquia por urgência
componente
2vencido · contestação0hoje · manifestação3dias · recurso12dias · memoriais

Carmim só aparece com ≤ 1 dia ou vencido. Brass aparece com ≤ 5 dias. Acima disso, é tinta neutra. A urgência é tipográfica, não cromática.

Identificadores jurídicos
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.

Linha de publicação · densidade-tabela
componente
08:421003456-22.2026.8.26.0100TJSPDespacho5dias
08:440028144-09.2025.5.02.0042TRT2Sentença15dias
09:015004221-83.2024.4.03.6100TRF3Intimação0hoje
KPI editorial
componente
Hoje na banca
47
12 com termo monitorado
Prazos ≤ 5 dias
8
priorize estes
Vence hoje
2
risco de preclusão
Tabs · filtros inline
componente
Tribunal:
Bloco de 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
Estado vazio · com 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 visual 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. Brass se ≤ 5 dias, carmim se ≤ 1.
Vencido
VENCIDO
prazo expirou sem manifestação. Carmim 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

Pouco arredondado, pouco tempo

Papel é reto. Documento não anima. Aqui ficam as últimas convenções.

Radius · ≤ 4px
xs · 1px
sm · 2px
md · 3px
lg · 4px

Acima de 4px começa a parecer brinquedo. Acima de 8px é fintech infantil. Papel não tem cantos arredondados.

Motion · 90–140ms
dur-1
hover state · color shift
90ms
dur-2
disclosure · sheet aberta
140ms
ease
ease-out engineered
cubic-bezier(0.2, 0.7, 0.2, 1)

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

próximo passo

Veja como esta linguagem se comporta em telas reais.

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

Abrir exemplos aplicados
ogmma · jurídico·v1 · editorial-grade
paper · ink · brass
proposta · 2026-04-29