Personalize a Sua Marca

Você pode aplicar a marca da sua organização ao painel, ao quiosque e à página da senha no celular do cliente. A configuração vale para toda a organização e chega aos dispositivos associados em tempo real. Não é preciso reinstalar os aplicativos.

O vídeo abaixo mostra as mesmas três superfícies alternando entre várias identidades de marca — logotipo, cores, fontes e raio dos cantos mudam em conjunto, enquanto o produto permanece exatamente o mesmo.

O que você pode personalizar

Abra Configurações → Marca no painel de administração:

Logotipo — o URL de uma imagem hospedada. Aparece no rodapé da página de senha do cliente e do quiosque, e — no painel — acima do título “Em atendimento”.
Tamanho do logotipo — um multiplicador de tamanho (0,8–1,6×, padrão 1,0) que aumenta ou reduz o seu logotipo nas telas do cliente, do quiosque e do painel.
Cores primária e secundária — as duas cores essenciais da marca usadas em botões, cabeçalhos e destaques.
Cor de acento — usada para estados ao passar o cursor e anéis de foco interativos.
Cor de destaque — usada para ícones, rótulos e status, nunca para botões ou links.
Cor do flash de chamada — a cor do flash de tela inteira que o painel mostra quando uma senha é chamada (consulte Sons de Notificação para o próprio comportamento do flash).
Cores de texto, fundo, superfície e contorno — a restante paleta que mantém todas as telas legíveis contra as cores de marca escolhidas.
Raio dos cantos — de reto (0) a totalmente arredondado, aplicado de forma consistente a cartões, botões e painéis.
Fontes da marca — uma lista de até três fontes do Google Fonts. A primeira é a principal. As seguintes cobrem caracteres que as anteriores não têm. Use os controles para mudar a ordem. Você também pode filtrar cada fonte por sistema de escrita, como latino, grego, japonês, coreano ou chinês. Um aviso mostra quando as fontes escolhidas não cobrem algum idioma ativo. Deixe a lista vazia para usar a fonte padrão do Jonot, Inter. Cada tela carrega as fontes somente quando precisa delas.
Escala da letra — um multiplicador de tamanho (0,85–1,5×) para organizações que queiram texto maior ou mais compacto em toda parte.

O painel de administração mostra uma visualização em tempo real das telas do painel, do quiosque e da senha do cliente à medida que edita, para que possa ver o efeito de cada alteração antes de salvar.

Carregar o seu logotipo

O Jonot apresenta exatamente o que carrega — não há recorte ou espaçamento automático. Se quiser espaço em torno da sua marca, incorpore esse espaçamento no próprio arquivo de imagem.

Fundo transparente. Um logotipo com fundo sólido mostrará esse fundo como uma caixa em todas as superfícies.
As composições horizontais ou quadradas funcionam melhor. Um logotipo largo, em formato paisagem — ou uma marca quadrada — dimensiona-se bem no rodapé e no destaque do painel. Evite composições muito altas, em formato retrato; serão reduzidas a uma faixa fina para caber na largura disponível.
Formato: PNG, JPEG ou WebP. Carregamentos em SVG são rejeitados.
Tamanho: máximo de 1 MB.
Resolução: pelo menos 400×160 px (ou a proporção equivalente para uma marca quadrada), para que o logotipo se mantenha nítido nos tamanhos maiores permitidos pelo controle de Tamanho do logotipo.

Use o controle Tamanho do logotipo (0,8–1,6×, padrão 1,0) para ajustar o tamanho com que o seu logotipo aparece depois de carregado — a visualização em tempo real reflete a alteração de imediato.

Como as alterações se propagam

As alterações salvas chegam em tempo real a todos os painéis, quiosques e páginas de senha abertas da organização. Você não precisa limpar o cache nem atualizar o aplicativo. Uma página de senha já aberta recebe a nova aparência sem recarregar.

Escopo no nível da org

A marca é definida no nível da organização e aplica-se a todos os locais. Atualmente não existe uma exceção por local — todos os locais de uma org compartilham uma única identidade de marca.

Guias relacionados

Personalizar o Painel — substituições de texto do painel e o flash de indicação de chamada.
Sons de Notificação — a cor do flash de indicação de chamada vive na mesma página de configurações de Marca.