Direcionamento criativo para quem produz as peças da 2P fora do browser — posts, reels, banners, vídeos, decks e tudo que envolve Adobe, Canva, After Effects ou CapCut. Mesma marca. Mesma linguagem.
Illustrator, Photoshop, InDesign. Acesso a Adobe Fonts. Produz peças estáticas, materiais impressos, kits de mídia e templates.
Posts de social, stories, carrosséis, apresentações rápidas. Usa templates aprovados e referencia esta página pra manter consistência.
Reels, vídeos institucionais, motion graphics, lower thirds, vinhetas. Referencia os princípios de motion desta página.
Reels rápidos, stories com vídeo, cortes de conteúdo. Segue as regras de paleta e transição mesmo nas ferramentas simplificadas.
Fundo preto (#100F0F) é o padrão da 2P em qualquer mídia. Use fundo claro (#FAFAFA) apenas em propostas comerciais impressas, relatórios para clientes e materiais formais. Na dúvida, vai de preto.
O verde neon (#00FFD1) é a cor-assinatura. Só um elemento por peça recebe neon como destaque máximo — o CTA principal, o número mais importante, o título hero. Neon em tudo é neon em nada.
A estética 8/16-bit é referência de linguagem, não de período. Sem gradientes pastel, sem fontes cursivas, sem fotografias com filtro vintage. O pixel é técnico e preciso, não decorativo.
A diferença entre título e corpo precisa ser óbvia. Use VT323 em 80–96px pra headline e Inconsolata 16–18px pra corpo. Nunca tamanhos próximos competindo pelo mesmo nível visual.
Espaço em branco (ou preto) não é desperdício, é parte do design. Peças com muito elemento parecem agências genéricas. A 2P tem confiança pra deixar espaço.
Métricas e resultados são elementos visuais de primeira classe. Número grande em VT323 + neon é a assinatura da 2P. Não esconda dados em tabelas pequenas — faça deles o herói.
| Elemento | Social (72 dpi) | Vídeo (1080p) | Print / PDF (300 dpi) | Observação |
|---|---|---|---|---|
| Headline VT323 | 80–200px | 72–96px | 48–96pt | Nunca abaixo de 48px digital, 36pt print |
| Subtítulo Inconsolata | 28–40px | 28–36px | 18–28pt | Bold (700) mínimo em subtítulos |
| Corpo Inconsolata | 18–24px | 20–24px | 10–12pt | Abaixo de 18px em social = ilegível no mobile |
| Caption / Label | 14–16px | 16–18px | 8–9pt | Uppercase + letter-spacing 0.08em |
| Número hero VT323 | 120–300px | 96–160px | 64–120pt | Quanto maior, melhor — é o herói da peça |
| Formato | Dimensões | Resolução | Tema | Notas |
|---|---|---|---|---|
| Instagram & Social | ||||
| Feed quadrado | 1080 × 1080 | 72 dpi / RGB | dark | Formato padrão de posts da 2P |
| Feed retrato | 1080 × 1350 | 72 dpi / RGB | dark | Maior ocupação no feed — preferido |
| Stories / Reels cover | 1080 × 1920 | 72 dpi / RGB | dark | Área segura: 250px top + 400px bottom |
| Carrossel (slide) | 1080 × 1080 | 72 dpi / RGB | dark | Primeiro slide com gancho + neon em número |
| LinkedIn post | 1200 × 628 | 72 dpi / RGB | dark | Landscape obrigatório. Ratio 1.91:1 |
| LinkedIn carrossel | 1080 × 1080 ou 1080 × 1350 | 72 dpi / RGB | dark | PDFs carrossel: use ratio quadrado |
| Vídeo | ||||
| Reels / TikTok | 1080 × 1920 | 30fps mín · 60fps ideal | dark | Legenda sempre — 85% dos reels são assistidos sem som |
| YouTube | 1920 × 1080 | 24/30/60fps · H.264 | dark | Thumbnail: 1280×720, JPG, máx 2MB |
| LinkedIn vídeo | 1920 × 1080 ou 1080 × 1080 | 30fps · MP4 | dark | Duração: 30s–5min pra awareness |
| Story vídeo | 1080 × 1920 | 30fps | dark | Máx 15s por story. CTA nos últimos 3s |
| Apresentações & Documentos | ||||
| Pitch deck / Slides | 1920 × 1080 | 16:9 · RGB | dark | Google Slides ou PowerPoint. Template no drive da 2P |
| Proposta comercial | A4 · 210 × 297mm | 300 dpi · CMYK | light | Tema light. Impressão e PDF. Margem 20mm |
| Relatório mensal | A4 · 210 × 297mm | 300 dpi | light | Ou digital full-width. Gráficos usam cores do DS |
| Display & OOH | ||||
| Banner digital | 300 × 250 · 728 × 90 · 160 × 600 | 72 dpi · RGB | dark | Tamanhos IAB padrão. Arquivo máx 150KB |
| Roll-up / Banner físico | 800 × 2000mm | 150 dpi mín · CMYK | dark | Arquivo em PDF/AI com sangria 5mm |
Transições rápidas e decisivas. A marca 2P não hesita. Micro-interações e aparecimentos em 100ms. Animações de entrada em 200ms.
Motion linear ou em steps (8 frames). Evite ease-in-out suave — parece UI genérica. O movimento 8-bit é intencional: cut ou step, não flow.
Vinheta/intro de vídeo nunca ultrapassa 3 segundos. O conteúdo começa rápido. Atenção é cara — não gaste com logo animado longo.
Ritmo de edição rápido, especialmente no começo. Primeiros 3 segundos: pelo menos 2 cortes. Reels especialmente: corte na batida.
Métricas e resultados entram com countup (contador progressivo). Duração: 1–2s. Easing: steps ou linear. VT323 neon piscando antes de revelar o número final.
O "▊" piscante é assinatura da 2P em motion. Steps(2), 1 segundo de ciclo. Aparece antes de um texto digitar ou revelar um resultado.
O padrão. Trocar de cena sem transição. Rápido, direto, confiante. Funciona em 90% dos casos — Reels, YouTube, Social.
Wipe ou reveal em grid de pixels (steps). Funciona em After Effects com um matte em pixels quadrados. Usado em vinhetas e transições de seção em vídeos institucionais.
Glitch de 2–3 frames no início de uma cena importante. Nunca como transição genérica — reservado pra momentos de impacto (revelação de número, CTA final).
Linha horizontal varrendo de cima pra baixo revelando o próximo frame. Referência de monitor CRT. Usado em lower thirds e revelação de dados.
Parece produção genérica de marketing. Desfaz a energia da marca. Se precisar de continuidade entre cenas, prefira corte seco ou zoom rápido.
Deslizar de uma cena pra outra parece apresentação corporativa PowerPoint. Contrário à linguagem direta e confiante da 2P.
Gancho nos primeiros 2s, entrega de valor nos 10s seguintes, CTA nos últimos 3s. Máximo 60s em conteúdo educativo.
1 mensagem por story. Texto legível em 3s. CTA no final com botão/link. Série de stories: máx 5 seguidos.
Máximo 2 minutos pra vídeo de sobre/empresa. Acima disso, dividir em série. Inclui vinheta (≤3s) e outro (≤5s).
Problema → Solução → Resultado. Número de resultado aparece no segundo 30–40 com animação de countup. CTA final.
Para conteúdo educativo profundo. Estrutura: hook (0–30s), entrega (maioria), recap + CTA (últimos 60s).
Logo animado + tagline. Pixel reveal ou glitch de entrada. Nunca mais de 3 segundos — no começo E no final do vídeo.
Alta chave com fundo escuro ou estúdio preto. Luz lateral dura que cria contraste nítido — sem fill suave que "amacia" tudo. Rim light opcional em tom de neon ou azul. Evite: foto com fundo branco limpo, iluminação flat de produto genérico.
Deixe espaço pra receber texto — a foto serve de background estrutural, não de herói isolado. Prefira composições assimétricas com espaço negativo pra colar headline VT323. Nunca centralize sujeito sem intenção clara de simetria.
Fotos de equipe em ambiente profissional real — evite banco de imagens óbvio. Expressão: confiante, direta, sem pose forçada. Roupas sólidas (sem estampa). Fundo de escritório tech ou fundo preto. Pós: grading teal nas sombras, contraste elevado.
Screenshots de dashboards, gráficos, plataformas — sempre em tema dark se houver opção. Mockups de device em fundo preto. Evite mockups "lifestyle" com cafe e mão segurando celular em luz solar quente — parece banco de imagem.
Aplicar grading da seção de color: sombras teal, alto contraste, luzes preservadas. Overlay de scanlines em 15–25% de opacidade é permitido em fotos de background. Duotone neon (#00FFD1) sobre preto é aprovado pra fotos de destaque institucional.
Se usar banco, prefira imagens que pareçam editoriais tech — não corporativo feliz. Shutterstock, Unsplash (coleções tech/studio). Descarte imediatamente se a imagem parecer muito "stock photo" — handshake, pessoa sorrindo em call, aperto de mão. Não é a 2P.
No Canva Pro: clique no campo de fonte → "Adicionar fonte" → busque VT323 e Inconsolata. Ative nos pesos disponíveis. Ficam salvas na sua conta e em times compartilhados.
Brand Kit → "Cores da marca" → adicione as 4 cores principais: #00FFD1 · #FF00FF · #2409A9 · #100F0F. Adicione também os neutros: #FFFFFF · #FAFAFA · #AFAEAF. Com a paleta salva, qualquer membro do time acessa via "Cores da marca" ao editar qualquer template.
No Canva o preto padrão (#000000) é diferente do preto 2P (#100F0F). Sempre aplique o preto de marca via campo HEX — não use o preto da paleta padrão do Canva. Diferença sutil mas visível em vídeo e impressão.
Acesse a pasta compartilhada do time no Canva — os templates de post, story e carrossel já estão configurados com as fontes e cores corretas. Nunca comece do zero sem checar se já tem template aprovado pra aquele formato.
Social estático: PNG em 2× (Canva chama de "Qualidade máxima"). Apresentações: PDF Standard. Vídeos: MP4 1080p. Nunca exporte JPEG pra peças com texto — compressão destrói a nitidez das fontes mono.
Social vertical (Reels/Stories): 1080 × 1920 · 30fps · pixel square. YouTube/horizontal: 1920 × 1080 · 24 ou 30fps. Definir Background Color como #100F0F (não #000000).
Texto digitando: use o animador de texto com Opacity 0→100 por caractere, Range Selector com modo "Start". Timing: 100ms por caractere. Para feel 8-bit: selecione keyframes → F9 Easy Ease, depois converta pra Linear nos graph editor. Resultado: steps discretos.
Crie um retângulo #00FFD1 de 4×20px. Opacity keyframes: 100% no frame 0, 0% no frame 15, 100% no frame 30 (ciclo de 1s em 30fps). Coloque no Graph Editor como Hold keyframes (não interpolação) — simula o steps(2) do CSS.
Use expressão no Source Text de uma text layer: Math.round(linear(time, inPoint, outPoint, 0, valorFinal)). Duração de 1–1.5s. Aplique VT323 em neon. Adicione "▊" piscante antes do número revelar.
Crie uma máscara de grid de pixels usando Shape Layers em array (ou plugin Overlord). Animar Scale ou Opacity em cascata com offset de 1–2 frames por bloco. Resultado: wipe pixelado característico da 2P. Salve como .mogrt pra reutilizar no Premiere.
Crie uma Solid #100F0F full-size. Aplique efeito Stripes (ou faça manualmente com repeating-linear via Shape Layers: linhas horizontais de 2px opacidade 30%). Blending mode: Multiply. Coloque acima de tudo como overlay permanente em composições institucionais.
VT323 não está disponível no CapCut nativamente. Alternativa mais próxima disponível: Space Mono (monospace, look técnico similar). Para headline pixel-style: use texto pré-renderizado como PNG com fundo transparente criado no Canva e importe como elemento.
CapCut aceita HEX no color picker. Cole exatamente: #00FFD1 (neon), #FF00FF (fúchsia), #2409A9 (tolopea), #100F0F (preto 2P). Salve como paleta customizada pra usar em todos os projetos.
Prefira sem transição (corte seco). Das disponíveis, use: "Flash" (simula cut com glitch), "Glitch" (aplicar com cuidado, máx 2 vezes por vídeo). Evite: todos os wipes suaves, morphs, dissolves e zooms lentos.
Ajuste manual em vez de filtro pronto: Contrast +30, Shadows para teal (arraste o shadow color picker pra zona verde-azulada), Highlights neutros, Saturation +10. Não use filtros pré-definidos do CapCut — nenhum deles corresponde ao look da 2P.
Use o recurso de transcrição automática do CapCut. Estilo de legenda: fonte monospace disponível, cor branca (#FFFFFF), fundo preto semi-transparente. Ative também nos Reels do Instagram ao publicar. 85% dos reels são vistos sem som.