Identidade visual: deixar o portal com a sua cara

Esta tela define o nome, a cor, a logo, a assinatura de e-mail e o endereço do portal da sua empresa. O aviso no alto dela resume o alcance: a cor pinta botões e destaques em todo o sistema, painel e portal do cliente. Tudo é salvo de uma vez, no botão do fim da página.

Como chegar

No menu lateral, grupo Sistema, clique em Identidade visual. Só o administrador da empresa tem esse item.

Nome e cor da marca

• Nome da empresa: entre 2 e 80 caracteres. É o nome que aparece no topo do portal, no assunto e no corpo dos e-mails automáticos (onde os modelos usam {{tenant.name}}) e nas telas do painel.
• Cor da marca: oito bolinhas com cores prontas, chamadas Céu, Azul, Violeta, Turquesa, Verde, Âmbar, Laranja e Rosa. A escolhida ganha um anel e um sinal de confirmado.
• Cor personalizada (hex): um seletor de cor e um campo para digitar o código no formato #RRGGBB. Ao lado deles fica uma prévia com um botão e um link pintados com a cor escolhida, para você ver antes de salvar.
• Usar padrão: só aparece quando há cor escolhida, e devolve a cor original do sistema.

Duas recusas podem aparecer embaixo do campo. "Use o formato #RRGGBB (ex.: #7c3aed)" quer dizer que o código está incompleto ou tem caractere inválido. "Essa cor deixa os botões ilegíveis, escolha uma mais clara ou mais escura" quer dizer que a cor tem contraste baixo demais contra o texto escuro que o sistema escreve dentro dos botões. Nos dois casos o botão de salvar fica desligado até você corrigir.

Logo e assinatura

• Logo (link da imagem): um endereço começando com http ou https, de até 500 caracteres. Não há envio de arquivo aqui: a imagem precisa já estar publicada em algum lugar, no seu site por exemplo. Assim que o link é válido, uma prévia aparece logo abaixo. A dica da tela vale: use PNG ou SVG com fundo transparente e cerca de 28 pixels de altura. A logo aparece no cabeçalho do portal do cliente, e só ali.
• Assinatura dos e-mails: até 600 caracteres. É o que fecha os e-mails de notificação que a sua empresa manda para os clientes dela, no lugar onde os modelos usam {{tenant.signature}}. Deixando em branco, o sistema assina "Equipe" seguido do nome da empresa.

Home do portal

Dois campos que trocam os textos do alto da página inicial do portal, acima da busca:

• Título de boas-vindas: até 120 caracteres. O texto de exemplo mostra o que entra se você não escrever nada, "Como podemos ajudar?".
• Subtítulo: até 240 caracteres, com o mesmo comportamento.

Os cartões de categoria da página continuam sendo montados pelo sistema. Você escreve o convite, não a lista.

Endereço do portal do cliente

O último bloco monta o link que você entrega aos seus clientes. O começo do endereço é fixo e cinza; o final é o campo editável.

• São de 3 a 32 caracteres, com letras minúsculas, números e hífen, sem começar nem terminar com hífen. Fora disso, a tela recusa antes de salvar.
• Abaixo do campo fica o link atual, com os botões Copiar (que vira "Copiado!" por dois segundos) e Abrir, que abre o portal em outra aba.
• Esses dois botões operam sempre no endereço já salvo. Quando você digita um endereço novo e ainda não salvou, aparece o aviso de que o link acima continua sendo o atual.
• Se o endereço escolhido já pertencer a outra empresa, o salvamento é recusado com "Esse endereço já está em uso por outra empresa. Escolha outro."

Salvar

O botão Salvar alterações, no fim da página, grava os quatro blocos de uma vez. Ao terminar aparece "Identidade atualizada." ao lado dele, e a cor nova é aplicada ao painel imediatamente, sem recarregar. O botão fica desabilitado enquanto houver nome curto demais, cor inválida, cor com contraste ruim, logo que não seja um link http ou endereço fora do formato.

O que confunde

• A cor não é só do portal: ela repinta o painel da sua equipe também, e ainda pinta o botão de avaliação dentro dos e-mails. Não existe uma cor para dentro e outra para fora.
• A logo não vai nos e-mails: quem assina os e-mails é o texto da assinatura. A imagem aparece só no topo do portal.
• Trocar o endereço quebra links já compartilhados: quem tiver o endereço antigo salvo nos favoritos, num e-mail ou num QR impresso deixa de chegar ao portal. A tela avisa isso em negrito antes de você salvar.
• Um hex válido pode ser recusado: a validação de contraste é independente da de formato. Uma cor muito escura ou muito clara passa no formato e ainda assim é recusada, porque deixaria o texto dos botões ilegível.