MADNOVA · SISTEMA DE INTERFACE / 01

Clareza para cada próximo passo.

Componentes, estados e linguagem visual da prévia.

Explorar as telas
Ambiente de designDados e interações são demonstrativos. Esta página não usa contas, pagamentos ou serviços externos.

Uma base tranquila. Informação precisa.

Grafite como cor de ação provisória; tons semânticos comunicam estado, acompanhados de rótulo.

Ação principal accent
Superfície surface
Área de trabalho bg

Ações e formulários

Alvos claros, foco visível e estados que preservam o contexto.

Botões

Campos

Informe um endereço de e-mail válido.

Escolhas

Prévia visual de um controle de ativação.

65% da configuração concluída

Estados e contexto

O que aconteceu, o que falta e o que fazer a seguir.

Rótulos e pessoas

ConectadoAguardandoFalha no envioIA ativaSem responsável
MCCMLT
Alterações salvasSeu trabalho está atualizado nesta prévia.

Vazio e carregamento

Tudo começa com uma conversa

Os contatos aparecem aqui assim que você começar a organizar o atendimento.

Diálogos e feedback

Revisão necessáriaConfira as alterações antes de continuar.

Organização e progresso

  1. Sua área está pronta

    Empresa e acessos organizados.

  2. 02
    Cadastre o primeiro contato

    Adicione o nome e a forma de contato.

  3. 03
    Crie uma oportunidade

    Escolha o próximo passo da negociação.

Exemplo de tabela de contatos fictícios
ContatoSituaçãoOportunidade
CR
Clara RibeiroAteliê Aurora · exemplo
Em andamentoR$ 12.600
BL
Bruno LimaHorizonte Studio · exemplo
Aguardando retornoR$ 8.400

Tipografia com números tabulares em valores e indicadores.