Design system
A base visual do painel. Paleta e regras de contraste vêm da §13 do doc de referência; as decisões de stack e comportamento estão em docs/decisoes.md.
Marca
Sobre fundo claro. É a versão do header do painel.
Sobre laranja. Tela de login e cabeçalhos de marca.
Ícone do PWA e favicon.
512 px · recorte circular seguro
Cor
Marca — só para ação
--brand
#FF5C01
Ação primária, CTA
--brand-hover
#E65200
Hover
--brand-pressed
#CC4900
Pressionado
--brand-tint
#FFF1E6
Fundo sutil, seleção
Texto e superfície
--foreground
#1A1A1A
Texto primário · 17,4:1
--muted-foreground
#4D4D4D
Secundário · 8,5:1
--border
#E5E5E5
Divisórias
--secondary
#F7F7F7
Fundo de card
Regra
O laranja é exclusivo de ação — botão principal, item selecionado, foco. Estágio do funil usa a paleta semântica neutra, para que ninguém confunda “o que eu posso fazer” com “onde esse lead está”.
Texto sobre laranja é escuro (#1A1A1A, 5,6:1), não branco (3,1:1, reprova em texto pequeno).
Tipografia
Inter · 30px semibold
Títulos de tela
Inter · 16px regular — corpo de texto e descrições.
Inter · 14px — o tamanho da tabela de leads e do inbox.
JetBrains Mono · +55 11 98765-4321 · lead_a7f3c9
Identificadores: telefone em E.164, id de lead, wamid da Meta
Numerais tabulares (ligados globalmente): os dígitos ocupam a mesma largura, então a coluna alinha mesmo com valores diferentes.
1.284
37
9.001
respondidos
qualificados
disparos
Botões
No celular o tamanho padrão tem 44 px de altura; a partir de sm encolhe, onde existe ponteiro preciso. Reduza a janela para ver.
Estágio do lead
Os oito estágios da §2. O componente recebe o estágio e resolve o tom sozinho — não existe prop de cor, então é impossível pintar um estado de laranja por engano.
Badge genérico — nunca para estágio
Tabela de leads
| Lead | Estágio | Envios | Dias |
|---|---|---|---|
Maria Silva +5511987654321 | Em cadência | 2 | 4 |
João Pereira +5521912345678 | Respondeu | 1 | 0 |
Ana Rodrigues +5531998877665 | Transferido | 3 | 12 |
Carlos Antunes +5541944556677 | Sem resposta | 4 | 21 |
Beatriz Nogueira +5551933221100 | Perdido | 2 | 8 |
Formulário
Login por e-mail e senha (D10). Não há autocadastro: a conta de atendente é criada por um admin (D11).