NAVIX · Design System← Launcher

Sistema vivo — tokens, primitivos, containers, estados e componentes de domínio. Tudo em uma URL.

Cores

tokens navix-* · nunca hardcode hex
navix-navy
#0A1F44
Texto principal, sidebar, placa
navix-blue
#1E88E5
Ação primária, links, chip “chegou”
navix-cyan
#00BFD8
Destaque “ao vivo”, “chamar agora”, marca
navix-green
#16A34A
Veredito positivo (pode / autorizado)
navix-amber
#D97706
Veredito atenção (aguarde / pendente)
navix-red
#DC2626
Veredito negativo (não liberar / recusado)
navix-bg
#F4F6FA
Fundo de página
navix-panel
#FFFFFF
Cartões
navix-line
#E8EDF4
Bordas
navix-muted
#64748B
Texto secundário
navix-blue-bg
#E3F0FC
Fundo suave de chip “chegou”
navix-green-bg
#E6F6EC
Fundo suave de chip “ok”
navix-amber-bg
#FEF3D6
Fundo suave de chip “pendente”
navix-red-bg
#FBE7E7
Fundo suave de chip “recusado”

Tipografia

escala de tamanhos · pesos
xs · 11pxNAVIX Smart Gate
sm · 12.5pxNAVIX Smart Gate
base · 14pxNAVIX Smart Gate
md · 16pxNAVIX Smart Gate
lg · 21pxNAVIX Smart Gate
xl · 30pxNAVIX Smart Gate
2xl · 38pxNAVIX Smart Gate
3xl · 46pxNAVIX Smart Gate
normal (400)medium (500)semibold (600)bold (700)extrabold (800)

Raio & Sombra

sm · 8px
md · 9px
navix · 12px
lg · 14px
full · 9999px
shadow-navix

Button

variantes × tamanhos

Formulário

input · label · textarea · select · switch

Tabs

controlado · sem Radix
Conteúdo da fila.

Table

ClienteCargasStatus
Syngenta12Acima do tempo
Bayer9No prazo

Dialog · Tooltip · Avatar · Skeleton · Separator

JSMSC
separador →

StatusChip

todos os estados de negócio
AguardandoChegouEm conferênciaAguardando PCPAutorizadoLiberadoRecusado

Verdict

veredito anti-erro · cor + ícone + texto
AUTORIZADOPode liberar a entrada
NÃO AUTORIZADONão liberar
AGUARDANDOPresença não confirmada

Hero

faixa focal · 1 headline por tela
⚠
1 cliente acima do tempo de doca
Demais indicadores dentro do esperado
✓
Pátio operando normalmente
Todos os tempos dentro do esperado
3
3 caminhões aguardando autorização há +20min
Ação necessária no PCP

KpiCard + KpiGrid

38 cam.
Cargas hoje
▲ 12% vs ontem
42 min
Tempo médio doca
1.2 h
Pior caso
▲ acima do limite
98 %
No prazo

Layout · Section / PanelCard / Toolbar

Por cliente

Document(NF) + permanência

Painel padrão

2mock

PanelCard com cabeçalho, contador e legenda de origem.

Estados padrão

loading · vazio · erro

Loading

Vazio

Nenhum caminhão na fila

As chegadas aparecem aqui em tempo real.

Erro

TVFrame

moldura dark full-bleed das TVs
NAVIX
TV · Gerencial
I02 — Rio Verde / GO
38
Cargas hoje
4
Na fila
42m
Tempo médio

NAVIX Design System · todos os tokens em lib/design/tokens.ts