Design System RUDU
Superfície canônica para revisar tokens, componentes e estados interativos. Todos os registros abaixo são exemplos locais do catálogo.
Explorar componentes
A busca combina com a seção selecionada. Escolha uma seção ou procure por nome e palavra-chave.
cores
Cores
Tokens, semântica e campo SonarGrid.
Tokens canônicos do CRM RUDU, com semântica discreta.
Background
--background
Surface
--card
Graphite
--primary
Muted
--muted
Success
--success
Warning
--warning
Interação visual
SonarGrid
Toque ou clique no campo para emitir uma onda. A grade respeita tema e redução de movimento.
tipografia
Tipografia
Escala textual e hierarquia de leitura.
Inter, escala compacta e leitura orientada à ação.
Gestão comercial com clareza
Fila de hoje
Organize os contatos que precisam de abordagem.
Atualizado há poucos minutos · exemplo de catálogo
botoes
Botões
Variantes, tamanhos e estados de ação.
Ações com hierarquia, estado e alvo de toque consistentes.
Nenhuma ação executada. Os exemplos são demonstrativos e não executam operações fora do catálogo.
inputs
Inputs
Campos, seleção, data e controles.
Campos reais com rótulo, foco, seleção e data em pt-BR.
Estado local do exemplo
Exemplo local da tela de segurança; callbacks não persistem alterações.
Configurações & Segurança
Gerencie seus métodos de autenticação, credenciais de acesso, segurança em duas etapas e preferências.
Gera um token de 6 dígitos com renovação a cada 30 segundos no seu smartphone para validar seu acesso com segurança máxima.
Códigos de contingência inclusos
Gera chaves de uso único para você nunca perder o acesso ao CRM.
Navegador Web
Sessão atual
Dispositivo Móvel
Disponível
tooltips
Tooltips
Ajuda contextual e popovers.
Ajuda contextual sem interromper a tarefa.
kpis
KPIs
Métricas, tendências e progresso.
Exemplo local com troca de período e métricas demonstrativas.
Dashboard Comercial
Métricas essenciais da operação, atividade proativa, pipeline e funil de conversão.
Contatos de Hoje
14.2%Abordagens
22.5%Reuniões Agendadas
18%Vendas Fechadas
33.3%Origem & Eficiência por Canal
Captação vs. vendas fechadas e ranking de conversão.
Atividade Semanal
Volume diário de prospecção e cadência.
atividades totais no período
31 follow-ups
Executar Fila do Dia
24 contatos aguardando sua abordagem hoje.
Ver Agenda & Próximos Dias
12 reuniões e follow-ups agendados na semana.
Base de Empresas
Consulte empresas cadastradas no CRM comercial.
Período selecionado: mes
Exemplo local com filtros de período e indicadores de conversão.
Diagnóstico & Análise Estratégica
Diagnóstico comercial para tomada de decisão da liderança com as 5 perguntas fundamentais e detalhamento analítico dos 4 pilares.
Saúde Geral da Prospecção
toques comerciais realizados no período
Volume em Negociação
oportunidades ativas em reuniões e propostas
Conversão Ponta a Ponta
eficiência global de abordagem até venda
Diagnóstico & Detalhamento Comercial
Respostas analíticas às 5 perguntas da liderança e visão detalhada dos 4 pilares operacionais.
Diagnóstico de Gestão Comercial
Respostas diretas às 5 perguntas fundamentais para tomada de decisão da liderança.
A operação está gerando conversas?
respostas sobre abordagens
Estamos convertendo respostas em agenda?
respostas que viraram reuniões
As reuniões avançam no funil?
reuniões com proposta enviada
A proposta está gerando receita?
propostas convertidas em venda
Qual é a conversão ponta a ponta?
abordagem até venda
Deseja voltar ao Dashboard Operacional?
Acompanhe a fila de contatos de hoje, evolução semanal e funil de conversão.
cards
Cards
Fila e funil prontos para interação.
Exemplo catalogado da fila pronta: filtros, abas mobile e DnD.
Fila de hoje
Organize os contatos que precisam de abordagem.
Contatos que ainda não foram abordados
Tecnologia
Marina Costa · Diretora comercial
São Paulo
Exemplo de abordagem recente.
Contatos que ainda não foram abordados
Tecnologia
Marina Costa · Diretora comercial
São Paulo
Exemplo de abordagem recente.
Abordagens em curso
Logística
Rafael Nunes · Head de operações
Campinas
Comparando fornecedores.
Contatos que pedem atenção
Saúde
Camila Alves · Gerente de expansão
Belo Horizonte
Sem retorno depois da proposta.
Arraste cartões, use o pan no fundo e a rolagem horizontal. Dados abaixo são exemplos locais.
Funil de oportunidades
Acompanhe cada oportunidade por etapa.
Exemplo local com busca, alternância de lista/calendário e conclusão sem persistência.
Próximos Dias
Lista cronológica de retornos, reuniões e follow-ups comerciais programados.
Acme Sistemas
Marina Costa · Diretora comercial
Retomar conversa sobre gargalosDecisora pediu retorno pela manhã
2026-09-22 · 09:30RetornoÓrbita Logística
Rafael Nunes · Head de operações
Demonstração do software
2026-09-23 · 14:00ReuniãoPulsar Saúde
Camila Alves
Follow-up de proposta revisadaEnviar material para diretoria
2026-09-24 · 11:00Follow-upExemplo local com navegação de mês e filtros de eventos.
Calendário Comercial
Visualize a distribuição de novos contatos, retornos programados e reuniões agendadas.
tabela
Tabela
Dados tabulares e ações compactas.
Dados tabulares com hierarquia, estado e ações compactas.
| Empresa | Setor | Etapa | Potencial | |
|---|---|---|---|---|
| Acme Sistemas | Tecnologia | Em conversa | R$ 18 mil | |
| Órbita Logística | Logística | Proposta enviada | R$ 24 mil | |
| Pulsar Saúde | Saúde | Novo contato | R$ 32 mil |
Nenhuma linha selecionada. Em telas estreitas, a tabela mantém rolagem horizontal pelo primitive canônico.
Exemplo local com busca, filtros, modos de visualização e callback de exportação seguro.
Empresas
3 contasBase central de consulta e pesquisa. Busque contas, filtre por estado comercial e acesse a ficha completa.
Acme Sistemas
Tecnologia · São Paulo / SP
Órbita Logística
Logística · Campinas / SP
Pulsar Saúde
Saúde · Belo Horizonte / MG
ficha
Ficha
Resumo de contato e drawer responsivo.
A ficha detalhada é aberta em uma Sheet responsiva, sem sair do contexto.
Usinagem Avançada
Carlos Eduardo · Diretor de Operações
Cidade
Joinville / SC
Potencial
R$ 85 mil/mês
Próximo contato
2026-09-22
desfecho
Desfecho
Cinco resultados e próxima data.
Modal canônico com cinco resultados, sugestão de data e restauração do padrão.
Abordagem de Marina Costa
Escolha um dos cinco resultados para demonstrar a transição.
badges
Badges
Etapas, prioridades e metadados.
Status compactos para etapa, prioridade e metadados.
Etapa
Prioridade
Origem
feedback
Feedback
Notificações, comandos, toasts e vazios.
Barra local do catálogo: abra a busca de comandos e a central de notificações sem registrar atalhos globais.
Os registros acima são isolados deste módulo e não representam estado operacional.
Referência compacta para navegação expandida e recolhida.
Expandida
Recolhida