Paleta semafórica
Verde / amarelo / vermelho sobre as superfícies frias do telão NOC.
Online#22c55e
Instável#eab308
Offline#ef4444
Background#0A0E17
Surface#121A2A
Elevated#1A2436
Border#243044
Border forte#324056
Tipografia
Inter para UI; JetBrains Mono para leitura numérica (mostrador).
Sala de ControleInter · Display 3xl / semibold
Monitoramento de disponibilidade em tempo real.Inter · Body
99.982%JetBrains Mono · tabular-nums
Sombras e halos
Profundidade discreta dos cards e halos de estado por status.
shadow-card
glow-online
glow-warning
glow-offline
StatusBadge
Pílula de status com ponto colorido.
OnlineInstávelOfflineOnlineHTTP 503
Counter
Contadores numéricos em destaque (fonte mono, dígitos tabulares).
42Total
38Online
3Instável
1Offline
99.98%Uptime 24h
214msLatência média
SegmentedBar
Tira de heartbeat das últimas 24h — assinatura visual do painel.
Disponibilidade estável
Online
24 segmentos · 100% online
Com incidentes
Instável
2 quedas e 3 instabilidades nas últimas 24h
Card
Contêiner base, com cabeçalho opcional e acento de status.
Sem acento
Card padrão com cabeçalho e corpo.
api.exemplo.com
Online
Acento de status à esquerda + halo.
checkout.exemplo.com
Offline
Fora do ar há 8 min · HTTP 503.