GRID E COMPOSICAO.
Cada formato tem zonas definidas. Ignorar as zonas de segurança garante que elementos importantes sumam sob a interface das plataformas. Grid não é sugestão — é infraestrutura.
Espaco negativo nao e vazio — e pressao visual acumulada. Cada elemento que entra na composicao compete por atencao. A disciplina de remover e mais dificil que a de adicionar. Post com 1 elemento e mais forte que post com 5.
Uma mensagem por composicao. Se voce precisa falar 3 coisas, faca 3 posts. Nao 1 post com 3 mensagens.
Nao preencha espacos vazios. A tendencia de adicionar elementos "para nao desperdicar espaco" e o maior erro de composicao.
Texto respira. Paragrafo com line-height 1.65–1.75. Heading com margin-bottom 24px no minimo.
Nao comprima margens. Reduzir padding para caber mais conteudo e sinal de que o conteudo precisa ser cortado.
/* Instagram Feed */ Post quadrado: 1080 × 1080px — ratio 1:1 Post retrato: 1080 × 1350px — ratio 4:5 Post paisagem: 1080 × 566px — ratio 1.91:1 /* Reels e Stories */ Vertical: 1080 × 1920px — ratio 9:16 Safe zone lateral: 120px cada lado Safe zone topo: 250px (UI do app) Safe zone base: 400px (botoes de interacao) /* Exportacao */ Fotos/posts: PNG, 72dpi, sRGB Impressao/PDF: PNG ou PDF, 300dpi, CMYK
/* Breakpoints */
Mobile: < 768px — 1 coluna, padding 20px
Tablet: 768–1024px — 2 colunas, padding 32px
Desktop: > 1024px — 12 colunas, padding 40px
/* Container */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
}
/* Grid de cards */
.card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px; /* SEMPRE 2px — identidade visual */
}
/* Texto corrido */
.prose {
max-width: 680px;
}