Pular para o conteúdo
Beneverso
Equipe

Guia

Guia Visual

Direção de arte de VÍDEO (feltro 3D), aspect ratios, princípios de composição e acessibilidade. Para imagem, o que vale é o design system.

Produção

Original no vault: Beneverso_Vault/99_⚙️_Sistema/Guia_Visual.md

Ressalva: O próprio documento se declara parcialmente superado em 29/07/2026: para IMAGEM (post, carrossel, story) a fonte da verdade é o Design System de Imagens (pop-art tabloide), e o "feltro 3D / Vila Sésamo" descrito aqui vale SÓ para vídeo. As seções de paleta, tipografia e composição são rascunho de bot não-validado e não descrevem o que a página publica em imagem — a estética das peças está em /estilo.

⚠️ ATENÇÃO — este arquivo está parcialmente superado (29/07/2026).

Para IMAGENS (post, carrossel, story), a fonte da verdade é [[Design_System_Imagens/DESIGN_SYSTEM.md]] — estética pop-art tabloide com pegada HQ, extraída das peças já publicadas (carrossel Crivella, post Quaest).

O "feltro 3D / Vila Sésamo" descrito abaixo vale só para VÍDEO (reels, animação). Decisão do Felipe em 29/07/2026. As seções de paleta, tipografia e composição abaixo eram rascunho de bot não-validado e não descrevem o que a página publica em imagem.

Identidade

Mood (VÍDEO): "Vila Sésamo + favela carioca" — feltro 3D, paleta vibrante, calor visual.

Atmosfera:

  • Sol do Rio
  • Cores da bandeira do PT (vermelho, branco) sutilmente presentes — sem panfletagem
  • Referência à cultura preta carioca (samba, Mangueira, Beija-Flor)
  • Tipografia humanista, não institucional

Paleta primária

CorHexUso
Vermelho Beneverso#D7263DDestaque, hashtag, header
Amarelo Sol#FFD93DCTAs, fundo claro
Verde Mangueira#1B998BSecundária
Roxo Periférico#5C2A7EAcento
Preto Carbono#1A1A1ATexto primário
Branco Quente#FAF6E9Fundo claro

Refinar via análise das imagens dos personagens (uma vez upadas em 11_🎭_Personagens/<personagem>/Anexos/). O Gerador Visual deve extrair paleta de cada character pack e registrar em [[Paleta_Beneverso]].

Tipografia

FunçãoFamília sugerida
TítulosBricolage Grotesque, Anton, Familjen Grotesk
Texto corrido carrosselInter, Manrope, Plus Jakarta Sans
Citação grandeCaveat, Playfair Display Italic
Hashtag/tagSpace Mono

A escolher definitivo após teste. Registrar em [[Tipografia]].

Aspect ratios

FormatoRatio
Reels9:16 (1080×1920)
Stories9:16
Post estático Instagram1:1 (1080×1080) — fallback 4:5 (1080×1350)
Carrossel Instagram4:5 (1080×1350) — preferido para mais espaço de texto
Cover destaque (Stories arquivadas)1:1

Princípios de design

Reels

  • Hook visual nos 3 primeiros segundos — texto grande na tela + ação
  • Texto na tela: sempre legível em mute
  • Trilha: Suno gera tema do personagem; áudio trend do dia em casos pontuais
  • Logo Beneverso: pequeno, no canto, sem competir com conteúdo
  • Encerramento: CTA simples ("compartilha" / "marca uma amiga")

Carrossel

  • Capa: título grande + número total ("1/8") + visual chamativo
  • Cards intermediários: uma ideia por card, hierarquia clara
  • Card final: CTA + assinatura Beneverso
  • Cor de fundo: alternar para criar ritmo (não monocromático)

Estático

  • Citação: frase + foto preto-e-branco da Bené + atribuição com fonte (data, evento)
  • Marco: data grande + acontecimento + foto histórica + 1 frase de contexto
  • Card de hashtag: uso interno de eventos (ex.: aniversário 26/04)

Personagens — direção visual

Ver Character_Pack_<nome>.md específico para cada personagem.

Princípio comum:

  • Material visual: feltro 3D animado (referência: bonecos artesanais)
  • Iluminação: dramatic lighting estilo studio + sol carioca
  • Fundo: cenário recorrente do personagem (bancada Jornal, praia/Cristo p/ ETs, sala da casa do Miguel)

Logo e marca

  • Logo Beneverso: [a desenvolver] — preferência por marca tipográfica simples + ícone
  • Aplicação: sempre em pequeno tamanho, canto inferior direito, baixa opacidade — não compete com conteúdo
  • Cor: monocromática (preto ou branco) dependendo do fundo

Registrar em [[Logo_Beneverso]] dentro de 11_🎭_Personagens/99_Bandeiras_Visuais/.

Do / Don't visual

Do

  • Cores saturadas, contraste alto
  • Foto + ilustração no mesmo card (com critério)
  • Personagens em situação concreta (não estáticos)
  • Tipografia grande, fácil de ler em mobile
  • Sombra e profundidade nos personagens

Don't

  • Paleta pastel sem atitude
  • Foto sem tratamento (parece fan-page amador)
  • Personagem flutuando em fundo branco
  • Tipografia minúscula
  • Mosaicos genéricos do Canva ("template óbvio")

Acessibilidade visual

  • Contraste mínimo: 4.5:1 entre texto e fundo
  • Texto na imagem: sempre transcrito na legenda do post (alt text)
  • Cor não é informação única: sempre acompanhar de texto/símbolo

Pesquisa de referência (NÃO copiar — referência)

  • Mídia Ninja (visual militante)
  • Pretas Periféricas (estética favela + design moderno)
  • @aksaopolitica (carrossel didático)
  • Charlie Brown (peanuts) — para Miguel, esticando à narrativa contemplativa
  • Sesame Street — feltro animado, conversas leves sobre temas profundos

Banco de referências

Salvar em 28_🖼️_Referencias_Visuais_Gerais/Anexos/ com nomenclatura: <categoria>_<descrição>_<fonte>.png Ex.: paleta_carnaval_mangueira_2024.png, tipografia_grandes_titulos_acaopolitica.png.

Quando o Gerador Visual gera prompt

  1. Lê este guia
  2. Lê o character pack do personagem em cena
  3. Lê a paleta Beneverso
  4. Aplica:
    • Aspect ratio correto
    • Personagem com descrição canônica do pack
    • Cenário recorrente do personagem
    • Iluminação Beneverso
  5. Gera prompts em PT-BR + EN para Freepik/Nano Banana/Veo 3/Kling

Transcrição do vault. Mudou o arquivo lá? Atualize lib/guias.ts — o vault é a fonte, esta página é o espelho.