Prepare as imagens da área do aluno
A área de membros (ou área do aluno) é onde o seu aluno entra para assistir às mentorias. A primeira tela dela é a vitrine. As cores, o logo, a tela de login e os banners você define no Brand Studio, e as capas de cada mentoria nas configurações da mentoria.
Use esta página como consulta rápida antes de preparar as artes. Imagem no tamanho certo não fica cortada nem borrada.
Bom saber
Nas capas das mentorias e das categorias, mantenha textos e rostos a pelo menos 70 px das bordas. Assim nada some quando a capa é recortada.
Vários campos do Brand Studio têm o botão Gerar com IA, que cria a imagem já no formato certo.
Para personalizar a área do aluno passo a passo, veja Brand Studio.
Referência
Formatos aceitos, salvo quando indicado: PNG, JPG ou WebP. No Brand Studio, cada imagem pode ter até 10 MB.
Identidade e login
| Imagem | Tamanho ou proporção | Observação |
|---|---|---|
| Logo | sem tamanho fixo | Aparece na área do aluno |
| Imagens do carrossel do login | até 4 imagens | Só nos layouts com vitrine ao lado do login. Conta junto com as capas de mentorias que você escolher para o carrossel |
| Imagem de Fundo do Login | proporção 16:9 | Fundo da tela de login |
Página inicial
| Imagem | Tamanho ou proporção | Observação |
|---|---|---|
| Imagem do Banner (topo da página) | proporção 16:9 | Dá para ajustar o corte (veja abaixo) |
| Slides do banner | proporção 16:9, até 4 imagens | Passam sozinhos, em sequência |
| Imagem exclusiva para mobile | proporção 3:4 (vertical) | Opcional. Sem ela, o celular usa a imagem do banner |
| Imagem de Fundo da Home | proporção 16:9 | Fundo da página inicial |
O banner é cortado para preencher a tela. Você escolhe a proporção e o ponto que não pode ser cortado, separado para computador e celular:
| Onde | Proporções | Ajuste |
|---|---|---|
| Computador | 21:9, 16:9, 16:10, 3:1 | Ponto focal numa grade 3x3 |
| Celular | 16:10, 4:3, 1:1, 4:5 | Ponto focal numa grade 3x3 |
Como a imagem ocupa o banner: Preencher (corta o excedente), Conter (mostra a arte inteira) ou Conter + desfoque (mostra a arte inteira e completa as faixas com as bordas desfocadas da própria imagem).
Capas das mentorias e das categorias
| Imagem | Tamanho | Onde aparece |
|---|---|---|
| Capa vertical da mentoria | 900×1440 px (10:16) | Nos cartões da vitrine |
| Capa horizontal da mentoria | 2160×900 px (12:5) | Quando a mentoria está em destaque |
| Capa da categoria | 900×1440 px (10:16) | Na vitrine |
SEO (como o link aparece na internet)
| Imagem | Tamanho | Formatos |
|---|---|---|
| Favicon (ícone da aba do navegador) | 32×32 px | ICO, PNG ou SVG |
| Imagem de compartilhamento (og:image) | 1200×630 px | PNG ou JPG |
A imagem de compartilhamento é a que aparece quando alguém manda o link da sua área no WhatsApp ou nas redes sociais.
App com a sua marca
Tenha estes arquivos prontos antes de montar o seu app nas lojas:
| Imagem | Tamanho |
|---|---|
| Logo | 792×156 px |
| Background do Login | 430×932 px |
| Ícone do App | 512×512 px |
| Ícone Adaptativo Android | 512×512 px |
| Tela de Abertura | 1284×2778 px |
| Banner de Destaque (Google Play) | 1024×500 px, obrigatório |
As capturas de tela que aparecem na página do app na loja são geradas automaticamente. Você não precisa enviar.
Dúvidas comuns
A capa da minha mentoria ficou cortada. O que faço?
Refaça a arte no tamanho da tabela (900×1440 px na vertical, 2160×900 px na horizontal) e deixe textos e rostos a pelo menos 70 px das bordas.
O banner fica bom no computador e ruim no celular.
Escolha uma proporção e um ponto focal próprios para o celular, ou envie uma Imagem exclusiva para mobile, na vertical (3:4).