Ir ao conteúdo
SEED engenhariaDesign System

Boas práticas

3. Carrossel — formatos

seed-praticas.md v0.1 · §03seção 5 de 1703-carrossel-formatos.md · MD5 88513b36

Origem: seed-ds-carrossel/references/formatos-carrossel.md (skill de 2026-05-13, 3485 bytes, MD5 ee270aa142c14132d94baa26844130f6; cópia preservada em 09-pesquisa/skills-v1-2026-05/referencias/formatos-carrossel.md) · Importado em 2026-09-06 sem edição — só os títulos foram rebaixados dois níveis (código intacto).

Estado: ⚠ não auditado contra o DS v2 (nenhuma contradição medida automaticamente: sem hex, sem Indie Flower, sem Lovable, sem apelidos do shadcn — a leitura humana ainda não foi feita).

Formatos de carrossel SEED — plataformas, dimensões, limites#

Reference exclusiva da skill seed-ds-carrossel.

Plataformas suportadas e dimensões#

Plataforma Por slide viewBox SVG Limite slides Recomendação
Instagram quadrado 1080×1080 0 0 1080 1080 10 (Instagram limita) Aceitável, mas vertical 4:5 ocupa mais tela
Instagram vertical 4:5 1080×1350 0 0 1080 1350 10 Preferencial pra feed — ocupa ~78% tela mobile
LinkedIn PDF 1080×1080 ou 1080×1350 por página conforme 10-20 (max 100MB) LinkedIn aceita PDF até 100MB
Facebook carrossel 1080×1080 0 0 1080 1080 10 Mesma lógica do Instagram quadrado

Por que vertical 4:5 é preferencial no Instagram#

  • Mobile feed (~80% do tráfego): vertical 4:5 ocupa ~78% da tela visível vs ~62% do quadrado
  • Mais espaço pra hierarquia tipográfica (título + subtítulo + corpo + CTA sem aperto)
  • Stop-the-scroll mais eficaz: mais area visual = mais chance de capturar atenção
  • Aspect ratio 4:5 é o limite vertical aceito pelo Instagram (5:4 é o limite horizontal)

Modo de produção#

Default — slides independentes#

Cada slide é um SVG próprio. Coerência via consistência de elementos (mesma paleta, hierarquia tipográfica, posição de paginação e logo, padrão de fundo).

Vantagens: mais simples de produzir, fácil de editar slide individual, fácil de reordenar.

Avançado — seamless panorama#

Único canvas contínuo (ex: 1080×10800 pra 10 slides quadrados ou 1080×13500 pra 10 slides 4:5) fatiado em N peças. Cria visual momentum forte e narrativa fluida.

Quando usar: storytelling cinematográfico, sequências antes/depois fluidas, narrativas de marca de alto impacto.

Limitação: mais sofisticado de produzir e ajustar (mudar 1 slide pode quebrar toda a continuidade).

Slide count — diretrizes por plataforma#

Instagram (qualquer formato)#

  • Mínimo 3 (menos que isso, melhor fazer post único)
  • Sweet spot 6-10 (completion rate cai abaixo de 6 e acima de 10)
  • Máximo absoluto 10 (limite Instagram)

LinkedIn PDF#

  • Mínimo 3 (abaixo, vira anexo simples não-narrativo)
  • Sweet spot 5-10 (boa retenção em feed)
  • Máximo prático 15-20 (acima, completion rate despenca)
  • Limite de arquivo: 100 MB

Áreas seguras#

Instagram (quadrado ou vertical)#

  • Margens 40-50px das bordas (interface do Instagram pode sobrepor sutilmente)
  • Logo e paginação fora da área central de conteúdo
  • CTA em última posição do último slide

LinkedIn PDF#

  • Margens 60-80px (mais respiro, leitura desktop)
  • Paginação tipo "1/8" canto inferior, consistente em todos
  • Capa e fechamento podem usar layout diferente (sem paginação)

Coerência visual entre slides — checklist crítico#

  • Paleta de fundos consistente (definida no slide 1, mantida ou alternada com padrão declarado)
  • Posição de assinatura/paginação fixa em todos
  • Hierarquia tipográfica idêntica (mesmo tamanho, peso, cor)
  • Variante de logo coerente (uniformidade nos slides intermediários)
  • Padrão de grafismos (se onda na base, onda na base em todos os slides que usam)

Densidade de texto por slide#

  • Máximo 6-8 linhas por slide (regra prática)
  • Uma ideia central por slide
  • Slides mais densos = piora de completion rate
  • Hook (slide 1) pode ser menos texto e mais visual; fechamento (slide N) idem
  • Slides do corpo carregam o conteúdo denso

Esc