Criar uma comunidade que seja familiar aos seus membros faz toda diferença para o engajamento e para gerar valor para sua marca. Pensando nisso, a Cativa oferece todos os recursos para você aplicar a sua identidade visual à sua comunidade.
Neste artigo, vamos explorar as imagens personalizáveis disponíveis na plataforma, listando cada uma com a sua dimensão recomendada para melhor enquadramento.
Boa leitura!
Introdução
Para ter acesso à personalização dessas imagens, basta acessar com uma conta de administrador e clicar no item "Painel Administrativo" > "Personalizar" > "Cores e Imagens".
Atenção: A aba de personalização de imagens globais da comunidade deve ser acessada por um dispositivo desktop ou notebook. A visualização em dispositivos móveis ainda não está disponível.
Imagens personalizáveis da sua comunidade
1. Logo da sua comunidade
1. Logo da sua comunidade
Preencha a imagem "logo" com o logótipo da sua marca, dando preferência para aplicações com dimensão quadrada e em png.
✅ Tamanho recomendado: 512x512 px
Aplicações:
2. Thumbs para vitrine
2. Thumbs para vitrine
Conheça abaixo os formatos e dimensões disponíveis para construir sua vitrine estilo Netflix.
Banner Estático Desktop: Escolha o card do tipo banner e habilite a função desktop para criar uma página mais atrativa.
✅ Tamanho recomendado: 1295 x 429 px
Exemplo ⬇️
Banner Vídeo: Escolha o card do tipo banner e habilite a função de vídeo.
✅ Tamanho recomendado: 1355 x 429 px
Banner Estático Mobile: Escolha o card do tipo banner e habilite a função de mobile. Essas dimensões fazem referência tanto ao estático quanto ao vídeo.
✅ Tamanho recomendado: 1080 x 652 px
Exemplo ⬇️
Card vertical com chamada para ação:
✅ Tamanho recomendado: 255 x 355 px
Exemplo ⬇️
Informativo:
✅ Tamanho recomendado: 581 x 480 px
Exemplo ⬇️
Descritivo com efeito e chamada para ação:
✅ Tamanho recomendado: 255 x 355 px
Exemplo ⬇️
Descritivo com chamada para ação:
✅ Tamanho recomendado: 214 x 114 px
Exemplo ⬇️
Conteúdo estático:
✅ Tamanho recomendado: 340 x 150 px
Exemplo ⬇️
💡 Observação de configuração dos banners:
Ao adicionar um banner mobile em uma seção, é necessário ativar a funcionalidade de "mobile" e desativar a de "desktop" para que sua exibição seja feita somente para quem acessar via mobile.
Da mesma forma, ao selecionar um banner em uma seção para aparecer na versão "desktop", é necessário desativar a funcionalidade "mobile" da seção para que sua exibição seja feita somente para a versão "desktop".
3. Imagem de login desktop
3. Imagem de login desktop
A imagem de login desktop será exibida na coluna da direita das páginas não logadas para ajudar os seus membros a se sentirem familiarizados com a sua marca antes de realizar o seu cadastro ou login.
Antes de criar a sua arte, tenha atenção a área útil demarcada de branco na imagem abaixo para garantir o melhor enquadramento em diferentes resoluções de monitores.
✅ Tamanho recomendado: 773x808 px
Aplicação:
4. Imagem de login mobile
4. Imagem de login mobile
A imagem de login mobile será exibida nas páginas não logadas dos aplicativos móveis (Apple e Android) para personalizar os aplicativos da sua comunidade e ajudar os seus membros a se sentirem familiarizados com a sua marca antes de realizar o seu cadastro.
Será aplicado um degradê linear preto com 58% de opacidade de cima para baixo para melhorar a legibilidade do texto de boas-vindas da sua comunidade.
✅ Tamanho recomendado: 1080x1920 px
Aplicação:
5. Imagem de capa timeline (capa do perfil):
5. Imagem de capa timeline (capa do perfil):
As imagens de capa dos membros da comunidade podem ser personalizadas apenas pelos administradores. Os usuários não possuem permissão para alterá-la e você pode usar esse espaço para trazer mais identidade para sua comunidade de acordo com sua marca.
✅ Tamanho recomendado: 525X175 px
Aplicação:
6. Imagem de capa dos grupos
6. Imagem de capa dos grupos
As imagens de capa dos grupos da sua comunidade podem ser personalizadas apenas pelos administradores e moderadores do grupo. Os usuários não tem permissão para alterá-la e você pode usar esse espaço para trazer mais identidade de acordo com o propósito do grupo.
✅ Tamanho recomendado: 525x175 px
Aplicação:
7. Favicon
7. Favicon
Favicon é um termo que se refere a "favorite icon" ou ícone favorito. Os favicons são pequenas imagens para visualização pelo navegador, como no exemplo abaixo.
✅ Tamanho recomendado: 512x512 px
8. Ícones personalizáveis
8. Ícones personalizáveis
É possível personalizar diversos ícones da sua comunidade para facilitar a identificação e trazer mais identidade para a plataforma de acordo com a sua marca, como, por exemplo:
Ícone do menu de navegação da esquerda;
Reação positiva e reação negativa;
Ícones dos grupos;
Ícones dos cursos;
Ícones/imagens das Tags;
✅ Tamanho recomendado: 175x175 px
Aplicações:
9. Publicidades e comunicados
9. Publicidades e comunicados
A Cativa disponibiliza uma funcionalidade para expor publicidades e comunicados na sua comunidade, onde você pode usar uma imagem ou vídeo como mídia. Caso você escolha criar publicidade com uma imagem, veja abaixo a recomendação de dimensões:
✅ Tamanho recomendado: 250x500 px
Aplicações:
Se a opção de exibir a sua publicidade como pop-up estiver ativada, esta será a visualização:
Se a opção "exibir a sua publicidade no feed" ou "exibir no feed Comunicados" estiver ativada, esta será a visualização:
💡 Para saber mais sobre como criar e configurar publicidades, clique aqui para ler o artigo.
10. Selos
10. Selos
Selos normalmente são usados como recompensas para membros da sua comunidade, é uma forma de reconhecer membros que merecem destaque, segmentar níveis de usuários, gamificar jornada e muito mais.
✅ Tamanho recomendado: 250x250 px
Aplicações:
💡 Para saber mais sobre criar e configurar selos, clique aqui para ler o artigo
11. Atalhos
11. Atalhos
Para dar destaque a links importantes para sua comunidade, você pode criar atalhos para links externos e deixá-los disponíveis para seus membros.
✅ Tamanho recomendado: 250x250 px
Aplicação:
💡 Para saber mais sobre criar e configurar atalhos, clique aqui para ler o artigo .
12. Capas em cursos:
12. Capas em cursos:
Seguem as recomendações abaixo:
Capa de um curso (382x181 px):
Capa de uma aula (1920x1080 px):
