Design System

Catálogo interno — prova que os tokens e os componentes da fundação renderizam fiéis ao handoff (ADR-005, docs/design/tokens.md).

Cores (tokens)

#1E3A8A

primary

#1E40AF

primary-dark

#3B82F6

accent

#2563EB

accent-hover

#10B981

success

#ECFDF5

success-soft

#F59E0B

warning

#FEF3C7

warning-soft

#EF4444

danger

#FEF2F2

danger-soft

#0F172A

foreground

#64748B

muted

#475569

muted-strong

#94A3B8

faint

#E2E8F0

border

#F8FAFC

surface

#F1F5F9

line

#EFF6FF

ia-soft

Buttons

Badges

NeutralAccentSuccessWarningDangerIA

novoem_atendimentoqualificadopropostaganhoperdido

92684112

Inputs

Nome do lead

E-mail

Observações

Desabilitado

Avatares

GPCABLJPRO

Cards e MetricCards

Novos leads

+12% semana

Visitas agendadas

-5% semana

Propostas

+3% semana

Imóvel destaque

Apartamento 3 quartos · Jardins

Exemplo de card com header, conteúdo e footer usando os tokens de raio e sombra.

Loading

Spinner

Separator

Acima

Abaixo

Esquerda

Direita

Estados (empty / error)

Nenhum lead na fila

Quando a roleta distribuir novos leads, eles aparecerão aqui.

Falha ao carregar

Não foi possível buscar os dados. Tente novamente em instantes.

Form controls, navegação e agentes (M31)

Form controls

Filial

Perfil do leadCompradorLocatário

Aceito a política de privacidade (LGPD)

Notificar corretor por WhatsApp (ativo)

Navegação

Captação
2Qualificação
3Visita
4Proposta

Leads recém-capturados pelo WhatsApp oficial.

Agentes

Pré-atendenteQualificadorCopilotoInsider IARobô de Anúncios