inconnect inconnect Dashboard · Dados

— SISTEMAS · INCONNECTOS, INSIGN HUB, ANALYTICS

O dado é o protagonista.

Padrão de dashboard e tabela densa pros sistemas da casa — baseado nas telas reais do inconnectOS e do InSign Hub, na identidade nova. Dark e light são temas de produção — o token decide o fundo; o número é sempre o maior elemento do card.

01PAINEL EXECUTIVO · PERFORMANCE
inconnect inconnect
{{ s.label }} ›

roffman@inconnect...
AUTO IGUAÇU

Operador · master — AUTO IGUAÇU INC.0011 · AUTO IGUAÇU VW ▾

{{ k.label }}

{{ k.value }}

{{ k.delta }}

EVOLUÇÃO · 180 DIAS

● Investimento ● Leads ● Conv. Rate

INVESTIMENTO POR CANAL

META R$ 28.397 · CPL R$ 18,42
GOOGLE R$ 8.992 · CPL R$ 390,94

PROJEÇÃO DO MÊS

Leads no mês381
InvestimentoR$ 7.776
CPL do mêsR$ 20,42

Sidebar Geist Mono caps · item ativo com fundo indigo-soft · barra de contexto com operador e projeto · KPI: label mono 10px (mínimo), número Gutón 700 (o maior elemento), delta colorido pela semântica.

02TABELA DENSA · CAMPANHAS (ORDENÁVEL — CLIQUE NO CABEÇALHO)

CAMPANHAS · ORDENADO POR {{ sortLabel }}

Todos os canais ▾ 180 dias ▾
{{ h.label }}
{{ r.name }}{{ r.tag }} {{ r.canal }} {{ r.investFmt }} {{ r.cplFmt }} {{ r.leads }} {{ r.vendas }} {{ r.ctr }}

Números sempre Geist Mono alinhados à direita · CPL acima da meta em vermelho, na meta em verde · badge de canal com cor própria (Meta indigo, Google verde) · hover indigo-soft · nome da campanha com tag mono secundária embaixo.

03REGRAS DE DATA-VIZ (LOOKER, GRÁFICOS, HEATMAPS)

Séries têm ordem. Heatmap tem régua.

ORDEM DAS SÉRIES

{{ sr.n }} {{ sr.hex }} {{ sr.use }}

Nunca mais de 5 séries num gráfico. Acima disso, agrupe em "outros".

HEATMAP · INTENSIDADE (VOLUME)

Volume (leads, custo, rows) usa a escala Indigo — do 100 ao 900. Substitui o verde→vermelho do Looker, que confunde volume com julgamento.

HEATMAP · JULGAMENTO (BOM ↔ RUIM)

Só quando existe meta explícita (CPL vs. alvo, Tx conv. vs. benchmark). Verde = bateu, neutro no meio, vermelho = estourou. Nunca pra volume.

REGRAS FIXAS

· Fundo de dashboard: var(--ic-bg) — Eerie #0A0A0B no escuro, Seasalt #F7F9FB no claro; cards var(--ic-surface) · Todo número em Geist Mono; todo rótulo mono caps 10px (mínimo) · Delta FAVORÁVEL em success / DESFAVORÁVEL em error — a cor segue a semântica da métrica, não o sinal: CPL, CPM e custo sobem = ruim. Sem setas coloridas fora disso · Meta = indigo (var(--ic-chart-meta)), Google = verde (var(--ic-success)), em qualquer gráfico por canal · Logo roxo+branco no escuro, roxo+preto no claro, 22–28px no header do relatório