Deixe sua comunidade com a cara da sua marca. Na página Identidade visual, você envia seu logo, o favicon e os ícones do app, define a imagem exibida quando sua comunidade é compartilhada e adiciona um fundo às páginas de login. As cores e as fontes da marca são definidas em Temas.
Quem pode fazer isso: proprietários e administradores. · Onde: web (console de administração). · Plano: logos e ícones não são limitados pelo plano. Remover a marca Mateflow (white-label) depende do seu plano da plataforma.
Abrir a página Identidade visual
Acesse Admin → Aparência → Branding. Em uma tela larga, a Prévia ao vivo à direita mostra suas imagens em Barra lateral e feed, Aba do navegador, Ícone do app, um cartão de Compartilhamento social e Página de autenticação, nos modos claro e escuro.
Os membros não veem nenhuma mudança até você clicar em Save Changes. Reset Changes descarta as edições não salvas, e o Mateflow pergunta antes de você sair da página com alterações não salvas.
Escolher como seu logo aparece na navegação
Em Cabeçalho de navegação, escolha um Estilo de exibição:
- Wordmark: seu logo horizontal. Defina a altura dele em Tamanho de exibição na navegação: Pequeno, Médio ou Grande.
- Ícone + nome: seu logo quadrado ao lado do nome da comunidade.
- Somente ícone: apenas seu logo quadrado.
Se faltar o logo que um estilo precisa, o Mateflow usa uma alternativa. Por exemplo, Wordmark sem um logo principal mostra seu logo quadrado e o nome da comunidade.
Enviar seu logo principal
Em Logotipos primários, envie um Logotipo modo claro (texto ou ícones escuros, para fundos claros) e um Logotipo modo escuro (texto ou ícones claros, para fundos escuros). Eles aparecem na navegação e nas páginas de login.
Use um wordmark simples com fundo transparente, com proporção de cerca de 3:1 a 5:1 de largura (por exemplo, 400×100px). Ele é exibido em tamanho pequeno, então evite fotos e detalhes finos. Você pode enviar arquivos JPG, PNG, GIF ou WebP de até 10 MB. Arquivos SVG não são compatíveis.
Ainda não tem um logo? Clique em Gerar a partir de texto para transformar o nome da sua comunidade em um logo. Escolha Fonte, Peso, Caixa, Espaçamento entre letras e Cor do texto no modo claro, e marque Também gerar ícone quadrado e Também gerar favicon se quiser esses também. Clique em Gerar e aplicar e depois em Save Changes.
Adicionar um favicon e ícones quadrados do app
Em Ícones do app e favicon:
- Logotipo quadrado (claro) e Logotipo quadrado (escuro): imagens 1:1, de 256×256px. Elas são usadas nos cabeçalhos em dispositivos móveis, quando alguém instala sua comunidade na tela inicial e na barra lateral quando você não tem um logo horizontal.
- Favicon: o pequeno ícone na aba do navegador. Use um arquivo ICO, PNG ou WebP, de 32×32px.
Definir sua imagem de compartilhamento social
Em Compartilhamento social, envie uma Imagem Open Graph (imagem OG), de preferência com 1200×630px. É a imagem de prévia padrão quando alguém compartilha um link da sua comunidade no Facebook, no X, no LinkedIn e em sites semelhantes.
Adicionar uma imagem de fundo às páginas de login
Em Fundo das páginas de autenticação, envie uma Imagem de fundo da autenticação. Ela aparece no painel lateral das páginas de login, cadastro, recuperação de senha e autenticação de dois fatores. Use uma imagem em orientação retrato com o lado menor de pelo menos 1080px, em JPG, PNG ou WebP, com até 2 MB. Deixe o campo vazio para usar o fundo escuro padrão.
Substituir ou remover uma imagem da identidade visual
Passe o cursor sobre uma imagem enviada para mostrar dois botões: o botão de envio substitui a imagem, e o botão de lixeira a remove. Depois clique em Save Changes. Uma imagem removida continua visível para os membros até você salvar.
Alterar as cores e as fontes da sua marca
As cores e as fontes da marca fazem parte do seu tema, não da página Identidade visual. Clique em Gerenciar cores e fontes em Temas → no topo da página Identidade visual ou acesse Admin → Aparência → Temas. Você pode definir cores separadas para os modos claro e escuro. Veja Escolher um tema e o modo escuro.
Mostrar o aplicativo móvel em uma comunidade white-label
Se o seu plano da plataforma remove a marca Mateflow (white-label), a página de download do aplicativo móvel, o link no menu e os avisos de instalação ficam ocultos para os membros, porque o app leva o nome Mateflow. Para exibi-los, ative Mostrar o aplicativo móvel aos membros no cartão Aplicativo móvel da página Identidade visual. Esse interruptor salva na hora, sem Save Changes. Os membros vão encontrar o app com o nome Mateflow na App Store e no Google Play.
Artigos relacionados
Este guia foi útil?