v3 · Design System

Pro Precision

Ferramenta de poder. Inspirado em Linear, Stripe Dashboard, Anthropic Console e Bloomberg Terminal. Dark mode, dados em mono tabular, KPIs na cara. Para donos de rede e BI-first.

Ogmma Odonto

Aplicação real

Paleta

Background

--v3-bg

#0E1116

Elevation

--v3-bg-elev

#161B22

Brand · Electric

--v3-brand

#4F6BFF

Accent · Mint

--v3-accent

#00D4A0

Text

--v3-text

#E6E8EB

Border

--v3-border

#2D333B

Componentes

Botões

Primary · Secondary · Ghost · Danger

Inputs

Campos com label, hint e focus glow

Como aparece nos prontuários

Mínimo 8 caracteres

Badges

Status semânticos

NeutroVIPConfirmadoAtrasadoCanceladoEm andamento

KPI Card

Métrica + delta em mono tabular

Consultas hoje

24

+3

No-show 30d

2,7%

−1,1pp

Tipografia

Display 40 · Bold

Heading 28 · Bold

Subtitle 18 · Semibold

Body 14 · Regular — texto corrido em prontuário, evolução clínica e descrições gerais.

Mono 14 · 184.247,00 R$ · 2,7% · 38pp · usado em KPIs e dados.

Caption 12 · Muted — metadados, hints e legendas.

Overline 11 · Uppercase