Organisms · Onda 1 · 01
Table
A superfície mais densa do produto. Tipografia mono nas colunas numéricas, hover sutil, hairlines no lugar de linhas pesadas. Toolbar acima, paginação abaixo, density configurável.
Default · Casos ativos
Padrão para listas de monitoramentos. Toolbar com busca + filtros, paginação no rodapé.
| Caso | Status | Tier | Score | Δ 24h | Menções | Atualizado | ||
|---|---|---|---|---|---|---|---|---|
|
Operação Água Nova
|
Crítico · ao vivo | T1 | 87 | +12 | 2.847 | há 2 min | ||
|
Reforma tributária · Norte
|
Alto | T1 | 64 | +04 | 1.204 | há 11 min | ||
|
Concessão Aero RJ
|
Atenção | T2 | 42 | -08 | 487 | há 38 min | ||
|
Lei do Combustível · audiência
|
Monitorar | T2 | 22 | 0 | 128 | há 1h | ||
|
Programa de habitação · MG
|
Estável | T3 | 08 | -02 | 42 | há 4h |
Compact · log de eventos
Density compact para superfícies de auditoria, logs, despachos. Mais linhas no mesmo espaço sem perder legibilidade.
| Timestamp | Evento | Origem | Score | Operador |
|---|---|---|---|---|
| 14:32:08 | Despacho · Tier 1 acionado | Folha · G1 | 87 | Cris · auto |
| 14:18:44 | Threshold rompido | radar | 82 | — |
| 13:51:02 | Briefing publicado | — | 76 | Neviton |
| 13:22:19 | Caso aberto | manual | 52 | Marina Rocha |
| 12:08:55 | Detecção · pico de menções | X · UGC | 48 | Cris · auto |
| 11:44:01 | Fonte adicionada | — | — | Marina Rocha |
Estados
| Caso | Score |
|---|---|
|
Nenhum caso encontrado Ajuste filtros ou tente outra busca | |
| Caso | Score |
|---|---|
Anatomia
| Elemento | Default | Compact | Spacious |
|---|---|---|---|
| Padding célula (vert) | 12px | 7px | 16px |
| Padding célula (horiz) | 16px | 16px | 16px |
| Header bg | --surface-2 | --surface-2 | --surface-2 |
| Header type | mono · 10.5 · upper | mono · 10.5 · upper | mono · 10.5 · upper |
| Body type | sans · 13 | sans · 12.5 | sans · 13 |
| Border row | 1px solid --border-faint | 1px solid --border-faint | 1px solid --border-faint |
| Hover row | bg --surface-2 | bg --surface-2 | bg --surface-2 |
| Selected row | bg --primary-soft | bg --primary-soft | bg --primary-soft |
Regras
DO
Mono em colunas numéricas (score, contagem, timestamp).
font-feature-settings: 'tnum' alinha colunas.DO
Header sempre sticky em tabela longa. Toolbar e footer fora da área scroll.
DO
Estado vazio descritivo + ação sugerida. Skeleton para carregamento (não spinner).
DON'T
Não use cores zebradas. Hairline + hover dão estrutura suficiente.
DON'T
Não centralize números. Numérico = right-align sempre.
DON'T
Não use scroll horizontal sem indicador. Se a tabela é larga, ofereça toggle de colunas.