Visão geral
A marca é a identidade da rede inteira: o nome que aparece na aba do navegador, no ícone do aplicativo, na tela de login, no título das notificações e no app do cliente. Ela vale para a instalação toda e não pertence a nenhuma unidade — é por isso que tem tela própria.
Conceitos-chave
- Até onde a cor chega: a cor principal não pinta só botão e link — dela sai também a escala de superfícies, que é o fundo da barra lateral, o painel da tela de login, a barra do sistema no celular e o tema escuro inteiro. O sistema mantém a luminosidade já validada de cada tom e troca apenas o MATIZ, então a leitura do texto sobre cada fundo continua a mesma seja qual for a cor escolhida.
- O contraste é calculado: a cor do texto sobre a cor principal (botão, selo) é decidida pelo sistema — preto sobre marca clara, branco sobre marca escura. Antes era branco fixo, e uma clínica que escolhia um tom claro ficava com todos os botões ilegíveis.
- Marca × unidade: a marca é a rede ("VidaVet"); a unidade é a operação ("Matriz", "Teofilândia"). O nome da unidade é interno — aparece no seletor do painel, no rodapé dos documentos que ela emite e nos relatórios. O cliente vê a marca.
- A logo daqui vira o ícone: o favicon, o apple-touch-icon e o ícone do atalho no celular são gerados desta logo, na hora. Sem logo, o ícone é o monograma (iniciais da marca) na cor dela. Use PNG ou JPG — WebP não é suportado pelo gerador.
- Nome curto: opcional, para caber embaixo do ícone na tela de início do celular.
- Herança: slogan, logo e cores da unidade são opcionais. Em branco, a unidade herda a marca; cores só diferem se a unidade estiver marcada como "usa cores próprias" na tela de Unidades.
- Documento impresso: o cabeçalho leva a marca, o rodapé leva a unidade que emitiu (endereço, telefone, conselho) — os dois, porque um receituário identifica a instituição E o local de emissão.
Como usar
Abra Configurações → Marca.
Envie a logo da marca (PNG ou JPG).
Preencha nome, nome curto e slogan.
Clique em Sugerir cores a partir da logo para o sistema propor a paleta, confira a prévia nos dois temas e use se gostar — ou escolha as cores à mão.
Salve — a aba do navegador e o app do cliente acompanham em até um minuto.
Casos de uso
- Rebrand: mude o nome e a logo aqui; aba, ícone, login, notificações e aplicativo do cliente acompanham sem atualização do ERP.
- Filial com identidade própria: deixe a marca como está e dê logo/cores à unidade em Configurações e Unidades.
Boas práticas
Erros comuns e soluções
Integrações
Alimenta o <title>, o manifesto do PWA, o ícone gerado, a tela de login, as notificações push, as mensagens de WhatsApp e o aplicativo do cliente.
Permissões
Gerenciar a marca (brand.manage) — separada de Configurações da clínica de propósito: quem administra uma filial não deve poder renomear a rede.
Dúvidas frequentes
- Por que o aplicativo mostrava o nome de uma unidade?
Porque a marca não existia como conceito próprio: o sistema usava o nome da unidade primária como se fosse o da rede. Numa rede cuja matriz se chama "Matriz", o app anunciava "Matriz". Agora a marca tem registro próprio e a unidade primária voltou a ser só o molde das unidades novas.
- Mudar a unidade primária troca o nome do app?
Não, e é justamente esse o ponto da separação. A marca é independente de qual unidade é a primária.
- Posso ter logo diferente por unidade?
Pode. Envie a logo da unidade em Configurações → Dados da unidade — ela sobrepõe a da marca no painel daquela unidade e nos documentos que ela emite. O ícone do navegador e do aplicativo continua vindo da marca.