Prepare the student area images
The member area (or student area) is where your student goes to watch the mentorships. Its first screen is the showcase. You set the colors, logo, login screen, and banners in Brand Studio, and each mentorship's covers in the mentorship settings.
Use this page as a quick reference before preparing your artwork. An image in the right size doesn't get cut off or blurry.
Good to know
On mentorship and category covers, keep text and faces at least 70 px from the edges. That way nothing disappears when the cover is cropped.
Many Brand Studio fields have a Generate with AI button, which creates the image already in the right format.
To customize the student area step by step, see Brand Studio.
Reference
Accepted formats, unless noted otherwise: PNG, JPG, or WebP. In Brand Studio, each image can be up to 10 MB.
Identity and login
| Image | Size or ratio | Notes |
|---|---|---|
| Logo | no fixed size | Shows in the student area |
| Imagens do carrossel do login (Login carousel images) | up to 4 images | Only in layouts with the showcase next to the login. Counts together with the mentorship covers you choose for the carousel |
| Imagem de Fundo do Login (Login background image) | 16:9 ratio | Background of the login screen |
Home page
| Image | Size or ratio | Notes |
|---|---|---|
| Imagem do Banner (Banner image, top of the page) | 16:9 ratio | You can adjust the crop (see below) |
| Banner Slides | 16:9 ratio, up to 4 images | They play on their own, one after another |
| Imagem exclusiva para mobile (Mobile-only image) | 3:4 ratio (vertical) | Optional. Without it, phones use the banner image |
| Imagem de Fundo da Home (Home background image) | 16:9 ratio | Background of the home page |
The banner is cropped to fill the screen. You choose the ratio and the point that must not be cut off, separately for computer and phone:
| Where | Ratios | Adjustment |
|---|---|---|
| Computer | 21:9, 16:9, 16:10, 3:1 | Focal point on a 3x3 grid |
| Phone | 16:10, 4:3, 1:1, 4:5 | Focal point on a 3x3 grid |
How the image fills the banner: Fill (crops the extra), Contain (shows the whole artwork), or Conter + desfoque (Contain + blur: shows the whole artwork and fills the empty strips with the image's own blurred edges).
Mentorship and category covers
| Image | Size | Where it shows |
|---|---|---|
| Mentorship Vertical cover | 900×1440 px (10:16) | On the showcase cards |
| Mentorship Capa horizontal (Horizontal cover) | 2160×900 px (12:5) | When the mentorship is featured |
| Capa da categoria (Category cover) | 900×1440 px (10:16) | In the showcase |
SEO (how your link looks on the internet)
| Image | Size | Formats |
|---|---|---|
| Favicon (the icon on the browser tab) | 32×32 px | ICO, PNG, or SVG |
| Imagem de compartilhamento (Share image, og:image) | 1200×630 px | PNG or JPG |
The share image is the one that shows up when someone sends your area's link on WhatsApp or social media.
App with your brand
Have these files ready before you build your app for the stores:
| Image | Size |
|---|---|
| Logo | 792×156 px |
| Background do Login (Login background) | 430×932 px |
| Ícone do App (App icon) | 512×512 px |
| Ícone Adaptativo Android (Android adaptive icon) | 512×512 px |
| Tela de Abertura (Splash screen) | 1284×2778 px |
| Banner de Destaque (Feature graphic, Google Play) | 1024×500 px, required |
The screenshots shown on the app's store page are created automatically. You don't need to send them.
Common questions
My mentorship cover got cut off. What do I do?
Redo the artwork in the size from the table (900×1440 px vertical, 2160×900 px horizontal) and keep text and faces at least 70 px from the edges.
The banner looks good on the computer and bad on the phone.
Choose a separate ratio and focal point for phones, or upload an Imagem exclusiva para mobile (Mobile-only image), in vertical format (3:4).