Como colocar a marca da sua empresa no painel

Em Configurações, aba Marca, o admin troca o visual do painel pelo da empresa: logotipo, símbolo e duas cores. A mudança vale na hora para todos os membros desta organização e também para o que o seu cliente vê no portal dos links externos e no widget. No painel, o Benflow continua no selo Powered by Benflow, no rodapé, e no pequeno símbolo do canto esquerdo do topo.

Logotipo

1. 1
   Passo 1: Abra Configurações e fique na aba Marca.
2. 2
   Passo 2: No cartão Logotipo, toque em Enviar logotipo e escolha o arquivo.
3. 3
   Passo 3: Aguarde o envio: o botão mostra a porcentagem. Depois, use Trocar logotipo para mudar ou Remover logotipo para tirar.

• Formatos: PNG, JPG, WEBP ou SVG, até 1 MB.
• Prefira fundo transparente e formato horizontal.
• Onde aparece: no cartão da organização na tela Escolha o painel, com até 32 px de altura, no topo do portal dos links externos e no topo dos e-mails da organização.
• Nos e-mails, só PNG e JPG aparecem. Com o logotipo em SVG ou WEBP, ou sem logotipo, os e-mails mostram o nome da organização na cor primária. Se quiser o logotipo nos e-mails, envie uma versão em PNG ou JPG.

Símbolo: o ícone da aba do navegador

O símbolo é a versão quadrada da marca. Ele vira o ícone da aba do navegador (o favicon) no painel desta organização e no portal dos links externos, aparece no topo, ao lado do nome dela, no seletor de organização, e no cabeçalho do widget.

1. 1
   Passo 1: No cartão Símbolo, toque em Enviar símbolo.
2. 2
   Passo 2: Confira a prévia: o símbolo em 64 e 32 px e numa aba de navegador, no tema claro e no escuro.
3. 3
   Passo 3: Para mudar ou tirar, use Trocar símbolo ou Remover símbolo.

• Quadrado, em PNG, SVG, JPG ou WEBP, até 1 MB. Use pelo menos 64 x 64 px.
• Imagem que não é quadrada é enviada assim mesmo, com um aviso: na aba, ela aparece reduzida, com sobras nas laterais.
• Sem símbolo, a aba mostra o ícone do Benflow, e o seletor e o widget usam o logotipo reduzido. Sem nenhum dos dois, o seletor e o widget mostram a inicial do nome.

Cores primária e secundária

• Cor primária: botões principais, traço da aba aberta no topo, destaques e o botão dos e-mails da organização.
• Cor secundária: superfícies escuras de destaque, como o botão escuro, filtros marcados, aba aberta, avatares e interruptores ligados. Prefira um tom escuro.

1. 1
   Passo 1: No cartão Cores, escolha cada cor pelo seletor, pelas Sugestões ou digitando o código no formato #RRGGBB, como #2563eb.
2. 2
   Passo 2: Confira a Prévia: ela mostra o topo, os filtros, os botões e um interruptor com as cores novas.
3. 3
   Passo 3: Toque em Salvar cores. Descartar desfaz o que ainda não foi salvo.

O texto sobre cada cor (branco ou escuro) é ajustado sozinho. Para voltar ao visual original, toque em Usar a cor padrão do Benflow, embaixo da cor, e salve.

Avisos de contraste

Enquanto você escolhe, o painel avisa quando a combinação atrapalha a leitura. Os avisos não impedem de salvar, mas vale ajustar:

• A cor primária é quase igual ao fundo das telas: o traço da aba aberta e os botões principais ficam pouco visíveis.
• A cor secundária está clara: filtros marcados, aba aberta e interruptores ligados perdem destaque sobre o branco.
• A primária e a secundária estão muito parecidas: fica difícil distinguir o botão principal do escuro.

O que continua com a marca do Benflow

• O selo Powered by Benflow, no rodapé de todas as telas da organização e do portal dos links externos. Não há opção para tirar o selo.
• O símbolo do Benflow no canto esquerdo da barra do topo, que leva ao Início.
• A tela de entrada e a tela Escolha o painel, que mantêm as cores do Benflow.