Como alterar a aparência do NovoDID
Instruções de uso e condições da NovoDID.
Você pode usar o NovoDID em tema claro, escuro ou seguindo automaticamente a aparência configurada no seu dispositivo.
Alterar a aparência
- Entre na sua conta.
- Selecione o botão de aparência, identificado pelo ícone de sol ou lua.
- Escolha uma das opções:
- Claro: fundo claro para leitura em ambientes bem iluminados.
- Escuro: fundo escuro para uso noturno ou ambientes com pouca luz.
- Sistema: acompanha automaticamente a configuração de claro ou escuro do seu celular ou computador.
A sua escolha fica salva neste navegador e é mantida ao navegar pela página inicial, páginas legais, painel e área administrativa.
Onde encontrar o botão
- No painel pelo computador, o botão fica no rodapé da barra lateral, ao lado do seu nome. A mesma escolha também aparece dentro do menu do seu perfil, em Aparência.
- No celular, use o botão de aparência no cabeçalho.
- Na área administrativa, o botão fica no cabeçalho, ao lado das ações da conta.
- Nas telas de entrar, criar conta e concluir a verificação, o botão fica no topo da tela.
- Na página inicial, o botão fica no cabeçalho. No celular, ele aparece ao lado do menu.
Acompanhar o status dos serviços
No cabeçalho das páginas públicas, depois de Perguntas Frequentes, selecione Status. O botão abre a página pública de status da NovoDID em outra aba, identificada pelo ícone de link externo.
Sessão ativa nas páginas públicas
Se você já estiver com uma sessão ativa neste navegador, o cabeçalho mostrará seu avatar e uma saudação com seu primeiro nome. Use Ir ao painel para continuar de onde parou; contas que ainda precisam concluir o cadastro serão direcionadas automaticamente para essa etapa. Não é necessário entrar novamente.
Aparência da página inicial
A página inicial usa uma apresentação clara, com fundo quase branco. O verde da NovoDID aparece em textos de destaque, ações principais, ícones e estados como catálogo ao vivo — não mais como cor de fundo do cabeçalho.
O cabeçalho é uma barra flutuante clara, com o logotipo da NovoDID, os atalhos das seções e o botão Cadastre-se em verde. No tema Escuro, o cabeçalho acompanha o fundo escuro e o logotipo muda para a versão branca automaticamente.
Os títulos da página usam a mesma tipografia do logotipo da NovoDID, para que marca e página tenham a mesma voz.
Ao lado do título principal há uma ilustração de escolha de número: um seletor de DDD, o número de exemplo (11) 3333-4040 e os destinos possíveis. Os DDDs, o número e a cidade exibidos são apenas demonstrativos — não são dados da sua conta, não indicam disponibilidade real e não iniciam nenhuma contratação.
Conteúdo para quem acessa do exterior
A apresentação dos números na página inicial pode variar conforme a localização aproximada do acesso. Para visitantes identificados fora do Brasil, o texto principal, os benefícios, os planos e as perguntas frequentes apresentam números fixos e móveis brasileiros com um convite direto para criar uma conta e escolher um número.
Para começar:
- Selecione Comece Agora ou Cadastre-se para abrir o cadastro.
- Conclua os dados e as verificações solicitadas na plataforma.
- No painel, abra Comprar DIDs, escolha seu número e confira os planos, valores e recursos disponíveis antes de confirmar a contratação.
Use Ver Planos para consultar os preços de partida e Perguntas Frequentes para entender como contratar um número móvel e quais ofertas incluem SMS. A página continua em português, com valores em reais e os mesmos botões de acesso.
Em acessos do Brasil, a apresentação habitual é mantida. Caso a localização não seja identificada, a página também usa a apresentação padrão. Redes móveis e VPNs podem fazer a localização aproximada variar; se o texto mudar ao acessar por outra rede, consulte no painel as ofertas disponíveis para sua conta.
Essa adaptação modifica somente a apresentação do site. Não altera seu cadastro, os preços contratados, as verificações, os recursos de uma assinatura ou os termos do serviço.
Benefícios e Planos na página inicial
As seções Benefícios e Planos seguem o mesmo desenho do painel: título alinhado à esquerda com um sobretítulo verde, cartões brancos com um filete fino e o mesmo arredondamento.
Em Benefícios, DIDs fixos e DIDs móveis aparecem com o mesmo destaque — antes o primeiro era um bloco verde-escuro, o que dava a impressão de que o segundo era uma opção menor.
Em Planos, os valores de partida ficam na linha logo abaixo do título, em vez de repetidos em duas caixas acima dos cartões. O selo Mais popular aparece na mesma linha do nome do plano.
Termos de Uso e Política de Privacidade
Os dois documentos passaram a ter um índice ao lado do texto, com uma entrada por seção. Clique para ir direto ao trecho; conforme você rola, a seção em que está fica destacada. No celular, o índice aparece recolhido acima do documento.
O cabeçalho mostra o tipo do documento, o título e a data da última atualização em destaque. Entre as seções há uma linha fina de separação, e as listas usam o mesmo marcador verde do restante do site.
O conteúdo dos documentos não mudou: nenhuma cláusula foi reescrita, resumida ou reordenada.
Demonstrações da seção Como Funciona
Na página inicial, a seção Como Funciona apresenta três demonstrações ilustrativas: preenchimento do cadastro, escolha de um número e ativação do encaminhamento de chamadas. As cenas usam apenas dados fictícios e não acessam sua conta, não executam uma compra e não representam disponibilidade real de números.
As demonstrações são animações leves da própria página e não carregam vídeos. Quando o dispositivo está configurado para reduzir movimentos, cada cena permanece estática em um estado legível.
Destaque no menu de indicação
No painel do cliente, os ícones do menu respondem brevemente ao passar o cursor ou navegar até eles pelo teclado. Em Indique e Ganhe, o presente mantém uma abertura discreta em ciclo para destacar a campanha e também responde ao entrar no botão inteiro. É somente um indicador visual: selecione o item normalmente para abrir a página de indicação. Quando a opção já está selecionada, ou quando o dispositivo está configurado para reduzir movimentos, o presente permanece estático.
Entrar e criar conta
As telas de entrar e de criar conta ficam divididas em duas: o formulário à esquerda, em fundo claro, e um painel verde à direita com o que a NovoDID entrega. O logotipo aparece na versão escura sobre o fundo claro e na versão branca no tema Escuro.
Na tela de entrar, o link Esqueci minha senha fica na mesma linha do rótulo do campo de senha.
Na tela de criar conta, o formulário é dividido em três passos: quem vai usar (pessoa física ou jurídica, com a data de nascimento), como você vai entrar (Google, GitHub ou e-mail) e seus dados. A data de nascimento é pedida logo no primeiro passo porque ela é necessária em qualquer forma de cadastro, inclusive nas contas Google e GitHub — o próprio campo avisa isso.
O painel verde da tela de criar conta explica por que pedimos CPF e documento: números de telefone no Brasil são regulados, e a verificação é exigência da ANATEL, feita depois do cadastro.
No celular, o painel verde não aparece e a tela mostra apenas o formulário.
Aparência do painel
O painel usa um fundo neutro claro e o conteúdo de cada página fica dentro de um cartão branco arredondado, com respiro nas laterais. O verde da NovoDID marca o item aberto no menu, os botões de ação e os estados de sucesso.
O tema Escuro vale para todas as páginas do painel, e não só para as páginas públicas: Início, Meus DIDs e a página de cada número, Comprar DIDs, Chamadas saintes, Suporte, Desenvolvedores, Meu perfil e Indique e Ganhe. A única parte que continua com fundo branco nos dois temas é o QR Code do ramal, porque em fundo escuro ele deixa de ser lido pela câmera.
A barra lateral traz o logotipo da NovoDID, um campo Buscar e o sino de notificações no topo, seguidos pelos grupos de navegação. No tema Escuro, todos esses elementos acompanham o fundo escuro e o logotipo muda para a versão branca.
Em Início, quando há algo pendente aparece o bloco Precisa da sua atenção, logo no topo: número que não vai renovar por Pix automático recusado, número sem encaminhamento configurado, cancelamento agendado, chamado esperando sua resposta e webhook com entregas falhando. O que interrompe o serviço fica em vermelho e vem primeiro; cada item leva direto à página onde se resolve. Sem pendências, o bloco não aparece.
Ainda em Início, os indicadores aparecem como blocos com ícone, rótulo e valor. Logo abaixo, Últimas chamadas e Últimos SMS ficam lado a lado no computador e um sobre o outro no celular.
Em Meus DIDs, no computador seus números aparecem em uma tabela com número, status, encaminhamento, plano e até quando estão ativos. A cidade fica logo abaixo do número. Clicar em qualquer lugar da linha abre a página daquele número. No celular, cada número vira um cartão com os mesmos dados e os botões Ver número e Encaminhar. Quando há uma cobrança pendente ou um problema no Pix automático, o cartão mostra uma faixa explicando o prazo e o botão principal passa a ser a ação de resolver.
Chamadas saintes
O saldo abre a página em destaque, com o valor grande e a conta pronta de quantos minutos ele dá na tarifa nacional. A observação de que esse crédito serve só para ligações — e não compra nem renova números — fica dentro do próprio cartão de saldo, com um atalho para Comprar DIDs, no lugar do aviso que antes ocupava uma faixa acima de tudo. Ao lado, um cartão curto lembra os três passos para ligar pelo ramal e o que não é permitido discar. Quem ainda não fez nenhuma recarga vê esses três passos ocupando a página inteira; depois da primeira ligação eles se recolhem para o cartão lateral.
Abaixo vêm quatro indicadores do período: chamadas, atendidas com o percentual de atendimento, tempo falado e consumo. Em Chamadas realizadas, o período é escolhido por atalhos de 7, 30 ou 90 dias, e Escolher datas abre os campos de data inicial e final para um intervalo livre de até 366 dias. Os botões de situação mostram quantas chamadas há de cada tipo no período e continuam com a mesma contagem depois que você filtra. A tabela traz data, ramal, destino, duração, situação e valor debitado; no celular cada chamada vira um cartão.
Histórico de recargas lista data, valor e situação de cada recarga por Pix, com um botão para copiar o código de referência quando o suporte pedir. Em Adicionar saldo, valores sugeridos de R$ 20, R$ 50, R$ 100 e R$ 200 ficam ao lado do campo livre, que aceita de R$ 1,00 a R$ 500,00 e mostra a estimativa de minutos. A confirmação de que o saldo não serve para comprar números continua obrigatória para liberar o botão.
Página de um número
No celular, o cabeçalho organiza o número, a situação e a localidade, com a data da compra em uma linha separada. O botão Configurar encaminhamento fica abaixo dos dados, ao lado de Mais ações, sem exigir rolagem horizontal. Essa organização também aparece ao abrir a aba SMS.
Clicar em um número abre uma página só dele, com:
- Encaminhamento — o destino atual das chamadas. Em Alterar, o próprio card vira um formulário, sem sair da página: escolha entre Telefone, que toca em um celular ou fixo que você já usa, e Ramal / App / Softphone, que toca no Zoiper, em outro softphone ou no seu PABX. O campo de telefone aceita apenas números do Brasil, no formato 55 + DDD + número; 0800 não é aceito.
- Ramal SIP — o ramal, o domínio e o transporte, quando o número está encaminhado para SIP. Em Mostrar QR e credenciais aparecem os atalhos do Zoiper para Android e iPhone, o QR de provisionamento, o passo a passo e os campos de usuário e senha. A senha vem oculta: use o olho para revelar ou o botão ao lado para copiar sem exibir. Nada disso é carregado ao abrir a página, apenas quando você pede.
- Chamadas recebidas neste número — as últimas chamadas que entraram nesse número, com data, origem, duração e status. Havendo mais, Ver mais chamadas amplia a lista na própria página. Essas são chamadas recebidas; as chamadas que você faz ficam em Chamadas saintes, no menu.
- Assinatura — ciclo, próxima cobrança, até quando o número está ativo, data da compra e se recebe SMS.
- Pagamento — a forma de pagamento e, no caso do Pix automático, se ele foi aprovado. Quem paga no Pix vê Trocar para cartão, que abre a troca na própria página, em dois passos: primeiro um resumo com o período já pago, o valor do ciclo atual, o crédito pelos dias não usados, o valor a pagar agora e o valor das próximas renovações; depois o campo do cartão. A cobrança em Pix continua valendo até o pagamento no cartão ser confirmado. O link não aparece quando a assinatura já está no cartão, quando há cancelamento agendado ou quando o Pix automático está pendente.
- Gerenciar — trocar para cartão, solicitar portabilidade e cancelar a assinatura.
Trocar de ramal para telefone remove o ramal: os aplicativos configurados com ele param de tocar e, se você criar um ramal de novo, a senha será outra. Por isso a página pede uma confirmação antes de salvar.
Cancelar a assinatura e recuperar um número com cancelamento agendado abrem as mesmas janelas da lista. Ao fechar a janela, você volta para a página do número.
Em Comprar DIDs, as etapas ficam em uma faixa no topo: as concluídas recebem um círculo verde com um visto, a etapa atual fica destacada e as seguintes ficam em cinza. Os números disponíveis aparecem em uma lista, cada linha com o número, a localidade e o preço mensal. A escolha do ciclo e do pagamento continua na janela Escolha seu Plano, sem alteração nas condições comerciais.
SMS
Os SMS de um número ficam dentro da página dele, na aba SMS, ao lado de Visão geral. A aba só aparece nos números que recebem SMS — DIDs fixos não recebem. Antes o botão saía da página, recarregava a lista de números inteira e abria uma janela por cima dela; agora a conversa tem endereço próprio, então dá para guardar o link, abrir em outra aba e voltar pelo histórico.
À esquerda ficam as conversas, uma por contato, com busca e a marca de mensagens não lidas. À direita, a conversa: o que chegou de um lado, o que você enviou do outro, com o horário e a situação de cada envio — entregue, enviando, na fila, não entregue, recusado ou expirado.
Abaixo do campo de escrita aparece a contagem de caracteres. SMS cabe 160 caracteres; um acento ou emoji derruba esse limite para 70, e nesse caso um botão oferece tirar os acentos. Passando do limite, a mensagem é cobrada como mais de uma, e o contador avisa. No celular, a lista ocupa a tela e a conversa abre por cima, com seta de voltar.
Suporte
No painel pelo celular, o botão flutuante de atendimento online fica acima da barra inferior, deixando o atalho Suporte livre para toque. Ao abrir o atendimento, a janela se ajusta à altura disponível. Use Fechar atendimento online para recolhê-la e continuar na página. O chat depende de conexão e disponibilidade do atendimento; os chamados continuam acessíveis em Suporte.
Em Suporte, o prazo de atendimento aparece como três blocos — horário, prazo da primeira resposta e prazo máximo de resolução — em vez de um parágrafo.
Os chamados ficam em duas abas, Em andamento e Encerrados, com a quantidade de cada uma. Você pode buscar por protocolo ou assunto e filtrar por categoria; a busca é feita no servidor, então alcança todos os seus chamados, não apenas os da página aberta.
Quando o suporte responde e a bola está com você, o chamado sobe para o topo com fundo destacado e a indicação de há quanto tempo a resposta chegou.
Página de um chamado
Clicar em um chamado abre uma página própria, com:
- A conversa, separada por dia. Suas mensagens e as da NovoDID têm cores e iniciais diferentes; a equipe responde sempre como Suporte NovoDID. Eventos automáticos aparecem em uma faixa discreta.
- Histórico do atendimento via WhatsApp, quando a conversa começou por lá. Ele aparece em um bloco próprio, com uma linha por mensagem original — quem falou, o horário e o texto — e as imagens enviadas na conversa exibidas no lugar delas.
- Anexos, com nome, tamanho e ícone conforme o tipo. Clique para baixar. Eles aparecem tanto na mensagem quanto reunidos na coluna lateral.
- Detalhes — categoria, prioridade, data de abertura e última atividade.
- Número relacionado, quando houver, com atalho para a página daquele número.
- Sua resposta, com anexos de imagem e PDF, até 10 arquivos de 25 MB cada.
Chamados encerrados aparecem somente para leitura, com um aviso no lugar do campo de resposta.
Meu perfil
O topo do Perfil mostra suas iniciais, nome, e-mail e desde quando você é cliente. Logo abaixo ficam três estados da conta — Cadastro, Documento e Endereço fiscal — em verde quando estão resolvidos e em âmbar quando falta algo, com a explicação do que fazer. Antes, a mesma informação aparecia como uma pilha de avisos amarelos e, em seguida, repetida em selos.
A página tem quatro abas:
- Dados — informações pessoais, dados da empresa (contas PJ) e endereço fiscal. Nome, CPF e e-mail aparecem com um cadeado: só mudam pelo suporte. Ao lado ficam um resumo da conta, o atalho do Indique e Ganhe e a exclusão de conta, separada do restante para não ser acionada sem querer.
- Documento — envio e situação da verificação documental.
- Limites — quantos números você pode ter por tipo, com barra de uso, e o pedido de aumento.
- Segurança — alteração de senha, ou o aviso de que sua senha é gerenciada pelo provedor de login. Antes esse bloco ficava fora das abas, no fim da página, e sumia quando você trocava de aba.
Indique e Ganhe
A página abre com três números: quantas contas foram criadas com o seu código, quantas já viraram compra paga e quantos benefícios você tem disponíveis — este último em verde.
Logo abaixo, o seu código aparece em destaque, com botão para copiar. O link de convite tem o próprio botão de copiar ao lado, e o WhatsApp é a forma principal de compartilhar.
Ao lado ficam Como funciona, em três passos, e Regras, com as condições do programa.
Quando alguém usa o seu código, aparece a lista Quem entrou pelo seu link com o cliente, a situação, a data do cadastro e a da primeira compra paga. E, para cada benefício ganho, uma lista Seus benefícios mostra o desconto, a situação, quando foi ganho e quando foi usado.
As condições do programa não mudaram: seu indicado ganha 5% na primeira assinatura, você ganha 10% quando ele fizer a primeira compra paga, e cada compra usa no máximo um benefício.
Navegação do painel
A barra lateral organiza os recursos por Principal, Números e chamadas, Atendimento e Desenvolvedores. Os grupos ficam visíveis o tempo todo, inclusive API e Integrações, para facilitar a localização dos recursos. Indique e Ganhe permanece destacado como uma ação de campanha própria.
As páginas API e Integrações viraram uma seção só, Desenvolvedores, com cinco abas:
- Visão geral — quantos tokens e webhooks você tem, quantas entregas falharam e um roteiro de três passos para começar.
- Tokens — criação de token e a lista dos existentes, agora em tabela, com permissões, último uso e estado.
- Webhooks — os endpoints e o histórico de entregas, como antes.
- Referência — as rotas da API com exemplos em várias linguagens.
- Conectores — n8n, assistentes, CRM e alertas, ainda em preparação.
Os endereços antigos continuam funcionando: /api leva a Tokens e /integracoes leva a Webhooks. O menu de referência e seus endpoints acompanham o tema selecionado, em Claro e em Escuro.
No card Baixe nosso app, use o botão de fechar se preferir ocultá-lo durante a sessão atual. O card volta a aparecer no próximo login; essa escolha não altera o acesso ao aplicativo Android nem salva uma preferência permanente na sua conta.
Mascote NovoDID
O painel exibe um mascote em forma de celular. Na sidebar do computador, ele aparece maior, acima do card Baixe nosso app. Nas telas de entrar e criar conta, ele é um elemento decorativo grande centralizado abaixo dos benefícios; apenas a base fica recortada pelo limite inferior, sem alterar o espaçamento dos cards. Os olhos acompanham o cursor pela página enquanto ela está aberta; ao clicar ou usar Enter/Espaço, ele vibra brevemente. Ao preencher uma senha, os olhos se fecham até o campo perder o foco. A tela do celular permanece clara inclusive no tema escuro, para preservar a leitura do rosto. Em celulares, o mascote não é mostrado nas telas de acesso; com redução de movimento ativa, suas animações também não são executadas.
Ao abrir um modal de cartão, o mascote da sidebar fecha os olhos durante todo o pagamento e os reabre ao fechar, cancelar ou concluir o modal. Esse efeito é apenas visual: o NovoDID não lê, armazena nem exibe dados do cartão.
A página inicial não exibe mais o mockup do aplicativo com o mascote. O mascote continua no painel, na barra lateral, e nas telas de entrar e criar conta.
Avisos e ações no painel
Os avisos de atenção, erro e informação acompanham o tema selecionado e preservam contraste para título, texto, status e botões. Em Chamadas saintes, o alerta que explica que o saldo é exclusivo para ligações oferece atalhos distintos para comprar ou consultar seus DIDs; ele não altera saldo, compra ou renovação automaticamente. As limitações de chamada e eventuais falhas ao consultar o histórico também mostram ação clara para tentar novamente quando disponível. O mesmo padrão de leitura é usado nos avisos e status das demais áreas do painel e administração.
Informações legais no rodapé
O rodapé termina em duas colunas com título, no mesmo formato de Links rápidos e Sobre:
- Informações legais — a empresa responsável, o CNPJ e o endereço, e a autorização da ANATEL com o link para o ATO. Antes tudo isso era um único parágrafo corrido.
- Tolerância zero a fraudes — o que não é tolerado, o que pode acontecer com a conta e o link para os Termos de Uso.
Abaixo delas, separado por uma linha fina, fica o aviso de direitos autorais. O logotipo da NovoDID no rodapé ficou maior.
Portabilidade
A página explica que o pedido é aberto na CSP, a Central de Solicitação de Portabilidades, e o botão Abrir a CSP leva direto para lá numa nova aba. Antes a página abria com uma janela por cima repetindo o mesmo texto, e o botão dela só reabria essa janela; agora é um passo só. Ao lado, um cartão para quem já abriu pedido aponta para o Suporte.
Quando a página não existe ou algo falha
Um endereço que não existe passa a mostrar uma página da NovoDID em português, com o mascote, e uma saída que depende de você estar conectado: Voltar ao painel, com atalhos para Meus DIDs, Chamadas saintes e Suporte, ou Ir para a página inicial, com Entrar, Criar conta e Suporte. Antes aparecia a tela padrão do Next.js, preta e em inglês, sem logotipo e sem link de volta.
Se uma página do painel falhar ao carregar, o erro fica dentro do cartão de conteúdo, com o botão Tentar de novo — a barra lateral continua funcionando e o resto do painel segue de pé. Só quando a falha derruba a aplicação inteira aparece a tela cheia Alguma coisa quebrou aqui, que mostra um código com botão de copiar. Esse código identifica a falha no nosso registro: mandar ele junto no chamado ajuda o suporte a achar exatamente o que aconteceu. Essa tela segue o tema que você escolheu; se ainda não escolheu nenhum, acompanha o claro ou escuro do sistema.
Instalar na tela de início do celular
O painel pode ficar como um ícone na tela do seu celular, e abre em tela cheia, sem a barra de endereço do navegador.
No Android, ao entrar pelo celular aparece um convite com o botão Instalar aplicativo. Ele abre a caixa do próprio sistema; é confirmar e pronto.
No iPhone, a Apple não permite que um site instale sozinho — só pelo menu do Safari. O convite mostra o caminho: toque em Compartilhar, na barra de baixo, escolha Adicionar à Tela de Início e confirme em Adicionar.
O convite só aparece no celular, some depois que você instala e não volta por 30 dias se você dispensar. Instalado, o ícone é o mesmo símbolo do NovoDID que aparece na aba do navegador.
O símbolo é um N branco com um ponto verde sobre fundo escuro, igual à imagem de perfil da NovoDID nas redes sociais. Ele permanece igual nos temas claro e escuro.
Se a aba ainda mostrar o ícone anterior, feche e abra novamente o site; o navegador pode manter a imagem em cache por algum tempo. Atalhos já instalados também podem conservar o ícone antigo. No iPhone, se necessário, remova o atalho antigo da tela inicial e adicione o site novamente pelo Safari. A troca do ícone não altera sua conta, números ou assinatura.
Abrir pelo ícone não guarda seus dados no aparelho: sem internet o painel avisa, em vez de mostrar informação velha.
Problemas comuns
- Se a aparência voltar ao padrão, confirme se o navegador não está bloqueando o armazenamento local ou se você não está usando uma janela anônima.
- Em Sistema, a aparência pode mudar quando o dispositivo alternar entre claro e escuro.
- A página inicial e as páginas legais também acompanham a preferência escolhida. Se quiser retornar ao padrão, selecione Claro.