Cada peça cabe no seu canvas.
Tamanhos por canal, margem e colunas, o que a plataforma cobre, onde vai o logo e como as superfícies trocam. Tudo desenhado ao vivo sobre os modelos do kit.
Todos os canvas da marca
Cada rede tem o seu retângulo. Aqui estão todos, na mesma escala, com o tamanho em pixels e o uso. Peça nova começa por um destes: se nenhum serve, o formato errado é o da peça, não o da lista.
Proporções, na mesma escala
Escala única entre todos os retângulos: a mesma largura não significa o mesmo formato.
| Canvas | Pixels | Proporção | Uso |
|---|---|---|---|
| Instagram feed | 1080 × 1350 | 4:5 | Post e card de carrossel |
| Quadrado | 1080 × 1080 | 1:1 | Post quando o 4:5 não cabe |
| Stories e reels | 1080 × 1920 | 9:16 | Stories, reels, capa verticaláreas seguras em "Áreas seguras" |
| LinkedIn feed | 1080 × 1350 | 4:5 | Post e documento em carrossel |
| LinkedIn link | 1200 × 627 | 1,91:1 | Imagem de link e anúncio |
| X | 1600 × 900 | 16:9 | Imagem no post |
| YouTube miniatura | 1280 × 720 | 16:9 | Miniatura de vídeolida em ~170 px de largura |
| Vídeo | 1920 × 1080 | 16:9 | YouTube, abertura e entrega de vídeo |
| Imagem de link (OG) | 1200 × 630 | 1,91:1 | Site, artigo, evento |
| Slides | 1920 × 1080 | 16:9 | Apresentações e talks |
Anúncios, em resumo
- Meta
- 1080×1350 · 1080×1080 · 1080×1920
- feed 4:5, quadrado e stories/reels
- Google (display)
- 1200×628 · 1200×1200
- paisagem e quadrado; os tamanhos fixos (300×250 etc.) ficam em Anúncios
- 1200×627 · 1200×1200
- paisagem e quadrado
Resumo para planejar. Tamanhos, peso e limites de cada rede mudam: conferir na plataforma antes de publicar. O detalhe de cada anúncio fica em Anúncios.
Peça impressa
Cartão, crachá, adesivo, camiseta e pôster não usam canvas de pixel: o tamanho é físico, em mm, com sangria. Veja Offline.
Ir para Offline →Margem, colunas e 8 px
Uma regra de margem para todos os canvas e uma escala de espaço derivada de 8 px. Quem diagrama uma peça nova parte daqui e só depois escolhe o modelo.
Sua carreira não precisa de mais conteúdo.
Modelo real do kit com a margem (azul tracejado). Todo texto fica dentro dela.
Sua carreira não precisa de mais conteúdo.
O mesmo modelo com as 4 colunas do canvas vertical.
Canvas largo: 12 colunas, mesma margem em px do lado curto.
As quatro regras
- Margem
- 7,4% do lado curto, arredondada para múltiplo de 8 px. No feed 4:5 são 80 px.
- Colunas
- 4 em canvas vertical ou quadrado, 12 em canvas largo. Cada coluna é um quarto (ou doze avos) da área entre margens.
- Calha
- 24 px quando o lado curto passa de 900 px; 16 px abaixo disso.
- Linha de base
- 8 px. Alturas de bloco, espaços e margens são múltiplos de 8; o texto não precisa encaixar, a caixa dele sim.
Escala de espaço
- 8ponto, selo, respiro mínimo
- 16entre rótulo e título
- 24calha, entre blocos próximos
- 32entre grupos
- 48altura do logo
- 64respiro de cartão
- 80margem do feed
- 120entre faixas
- 160respiro de capa
Medidas no canvas de 1080 px. Em outro canvas, use o mesmo número de passos de 8 px.
| Canvas | Margem | % do lado curto | Colunas | Calha |
|---|---|---|---|---|
| Instagram feed 1080×1350 | 80 px | 7,4% | 4 | 24 px |
| Quadrado 1080×1080 | 80 px | 7,4% | 4 | 24 px |
| Stories e reels 1080×1920 | 80 px | 7,4% | 4 | 24 px |
| LinkedIn feed 1080×1350 | 80 px | 7,4% | 4 | 24 px |
| LinkedIn link 1200×627 | 48 px | 7,7% | 12 | 16 px |
| X 1600×900 | 64 px | 7,1% | 12 | 24 px |
| YouTube miniatura 1280×720 | 56 px | 7,8% | 12 | 16 px |
| Vídeo 1920×1080 | 80 px | 7,4% | 12 | 24 px |
| Imagem de link (OG) 1200×630 | 48 px | 7,6% | 12 | 16 px |
| Slides 1920×1080 | 80 px | 7,4% | 12 | 24 px |
- Stories e reels usam a mesma margem lateral; o topo e a base têm ainda a área segura da plataforma (próxima seção).
O que a rede cobre
Stories, reels, grade do perfil e miniaturas têm interface por cima da arte. A área hachurada é onde a plataforma desenha; texto e logo nunca ficam lá. Fundo e foto podem sangrar para dentro.
Stories 1080×1920
- Topo 14% (≈ 270 px) e base 20% (≈ 380 px) livres de texto e logo.
- Fundo e foto podem sangrar para dentro das zonas.
Reels 1080×1920
- Topo 14%, base 35% (legenda, nome e áudio) e coluna direita de 12% (curtir, comentar, enviar).
- O texto principal fica no terço do meio.
Grade do perfil 1080×1350
- O 4:5 aparece na grade do perfil como 3:4, cortado ao centro: 3,1% de cada lado (≈ 34 px).
- A margem de 7,4% já cobre o corte; nada de texto encostado na borda.
Miniatura do YouTube 1280×720
- O selo de duração cobre o canto inferior direito (≈ 14% da largura e da altura).
- Logo e texto ficam longe desse canto, de preferência no inferior esquerdo.
X e link do LinkedIn 1600×900
- Cartões de link cortam o 16:9 para 1,91:1 ao centro: 17,2% em cima e embaixo (≈ 155 px).
- Em peça 1,91:1 nativa (1200×627) não há corte.
Valores de referência das redes. Elas mudam a interface sem aviso: conferir na plataforma antes de publicar.
Uma figura, metadados em mono
A regra das peças: uma figura grande da trama, o texto na zona quieta e os metadados em DM Mono nas bordas. Vale para post, capa de vídeo, slide e imagem de link.
Sua carreira não precisa de mais conteúdo.
Figura: o R da trama cortado pela borda. Texto: a frase com um destaque, na zona quieta. Metadados: rótulo e reload.dev no topo; logo no canto quieto.
Cinco regras
- 01Uma figura. A trama desenha uma coisa grande (o R, um retrato, um código), cortada pela borda. O texto fica na zona quieta, sobre o campo em repouso. Veja os níveis de arte.
- 02Metadados mono. Rótulo, contador, data e reload.dev em DM Mono nas bordas, como numa ficha técnica. Nada de texto sobre os pontos densos.
- 03Um destaque. Um único destaque em itálico por título: uma palavra ou expressão, na cor de destaque da superfície.
- 04Logo. Um por peça, na versão certa do fundo, dentro da margem. Nunca no meio do texto.
- 05Sem enfeite. Sem sombra, brilho, gradiente de cor nem emoji. Profundidade vem da trama, de placa sólida e de contraste.
Limite de palavras
- Título
- até 10 palavras
- Slide de carrossel
- até 30 palavras no total, uma ideia só
- Story e reel
- até 12 palavras por tela
- Miniatura
- até 5 palavras
| Canvas | Logo (altura) | Logo (% da largura) | Posição do logo | Tira mono | Texto corrido | Título |
|---|---|---|---|---|---|---|
| Instagram feed 1080×1350 | 48 px | 24,3% | embaixo à esquerda, na linha da tira mono | ≥ 26 px | ≥ 32 px | ≥ 86 px |
| Quadrado 1080×1080 | 48 px | 24,3% | embaixo à esquerda, na linha da tira mono | ≥ 26 px | ≥ 32 px | ≥ 86 px |
| Stories e reels 1080×1920 | 48 px | 24,3% | dentro da área segura, acima da zona de base, à esquerda | ≥ 26 px | ≥ 32 px | ≥ 86 px |
| LinkedIn feed 1080×1350 | 48 px | 24,3% | embaixo à esquerda, na linha da tira mono | ≥ 26 px | ≥ 32 px | ≥ 86 px |
| LinkedIn link 1200×627 | 24 px | 10,9% | embaixo à esquerda, na linha da tira mono | ≥ 15 px | ≥ 19 px | ≥ 50 px |
| X 1600×900 | 40 px | 13,6% | embaixo à esquerda, na linha da tira mono | ≥ 22 px | ≥ 27 px | ≥ 72 px |
| YouTube miniatura 1280×720 | 32 px | 13,7% | embaixo à esquerda, longe do selo de duração | ≥ 17 px | ≥ 22 px | ≥ 115 px |
| Vídeo 1920×1080 | 48 px | 13,6% | embaixo à esquerda, na linha da tira mono | ≥ 26 px | ≥ 32 px | ≥ 86 px |
| Imagem de link (OG) 1200×630 | 24 px | 10,9% | embaixo à esquerda, na linha da tira mono | ≥ 15 px | ≥ 19 px | ≥ 50 px |
| Slides 1920×1080 | 48 px | 13,6% | embaixo à esquerda, na linha da tira mono | ≥ 26 px | ≥ 32 px | ≥ 86 px |
Logo: 4,4% do lado curto, arredondado para 8 px, nunca abaixo de 20 px de altura. Tira mono ≥ 2,4% do lado curto, texto corrido ≥ 3%, título ≥ 8% (≥ 16% na miniatura do YouTube, que é lida pequena). Valores propostos: o post de frase do kit está dentro deles.
Três superfícies, seis variáveis
Azul, branco e preto trocam como variáveis: logo, cor do eyebrow, cor do destaque, cor da tira, botão e a tinta da trama. A estrutura da peça não muda.
Dê um reload.
Fazer parteAzul
Capa, CTA, peça que precisa de ação.
- Logo
- logo azul (tudo branco)
- Eyebrow
- branco
- Destaque
- branco
- Tira mono
- branco
- Botão
- fundo branco, texto azul
- Trama
- pontos brancos
Dê um reload.
Fazer parte
Branco
Conteúdo longo, texto corrido, documento.
- Logo
- logo claro (símbolo azul, texto preto)
- Eyebrow
- azul
- Destaque
- azul
- Tira mono
- cinza 500
- Botão
- azul, texto branco
- Trama
- pontos azuis
Dê um reload.
Fazer parte
Preto
Código, terminal, tom mais sério.
- Logo
- logo escuro (símbolo azul, texto branco)
- Eyebrow
- azul 300
- Destaque
- azul 300
- Tira mono
- cinza 400
- Botão
- azul, texto branco
- Trama
- pontos brancos
Dê um reload.
Fazer parteAzul 50
Card de foto, citação, fundo de apoio.
- Logo
- logo claro
- Eyebrow
- azul
- Destaque
- azul
- Tira mono
- cinza 500
- Botão
- azul, texto branco
- Trama
- pontos azuis
Dê um reload.
Fazer parteCinza 50
Seção alternada, tabela, ficha.
- Logo
- logo claro
- Eyebrow
- azul
- Destaque
- azul
- Tira mono
- cinza 500
- Botão
- azul, texto branco
- Trama
- pontos azuis
As três superfícies principais (azul, branco, preto) trocam como variáveis: a estrutura da peça não muda, só estes cinco valores. Azul 50 e Cinza 50 são apoio e seguem o regime do branco.