Design System
Biblioteca de componentes do Campanha Analytics
Componentes de Título
Exemplo de Seção
Use este padrão para organizar conteúdos em blocos claros e consistentes.
Layout e Estrutura
Container de página
Este espaço é usado para agrupar conteúdo principal e manter a leitura limpa.
Cards de conteúdo
Ideal para destacar blocos de informação, métricas ou resumos.
Cores do Sistema
Primária
Sucesso
Alerta
Cards KPI
Municípios
142
Lideranças
2.450
Eventos
85
Apoio
62%
Status
Botões
Feedback e Estados
Estados vazios
Nenhum dado encontrado
Não existem registros para este filtro.
Badges de status
Navegação
Menu de navegação
Formulários
Campos básicos
Seleções rápidas
Listas e Chips
Lista de tarefas
Revisar mensagens da semana
Hoje
Atualizar painel de municípios
Amanhã
Sincronizar dados de apoio
Próximo passo
Tabelas e Dados
Exemplo de tabela resumida
| Município | Meta | Status |
|---|---|---|
| São Paulo | 92% | Ativo |
| Campinas | 81% | Em análise |
| Ribeirão Preto | 76% | Finalizado |
Indicadores e Estado
Carregamento
Sincronizando dados...
Perfil e destaque
Coordenação Municipal
Acompanhamento estratégico
Padrões de Uso
Espaçamento e hierarquia
8px para gaps pequenos, 16px para separação de blocos e 24px para áreas principais.
Use títulos de seção, subtítulos e texto auxiliar para manter a leitura clara.
Uso de cores
Exemplo de composição de tela
Painel de campanha
Resumo do dia
Acompanhe as métricas principais em uma visão consolidada.
Último status