# Design de marketing B2B: peças que fogem do banco de imagens [Canonical HTML page](https://gradiently.design/pt-br/guide/b2b-marketing-design) Compradores corporativos passam por muitos posts azuis quase idênticos. Um sistema de design pequeno e consistente deixa seus casos, webinars e prévias de link reconhecíveis antes mesmo de alguém ler o logo. ## The short version - A maior parte do design de marketing B2B é parecida porque recorre às mesmas paletas azuis, ilustrações isométricas e fotos de reunião de banco de imagens. - Um pequeno sistema de design, com um fundo, um par de fontes, alguns layouts e tamanhos fixos, gera peças mais marcantes do que criações feitas do zero a cada vez. - Cartões de estudo de caso funcionam melhor quando abrem com um resultado mensurável e só citam o cliente com permissão. - Toda página compartilhada deve ter a própria imagem Open Graph de 1200×630, porque a prévia do link costuma ser a primeira coisa que o comprador vê. - O LinkedIn é o principal feed de conteúdo B2B, e as imagens em retrato de 1080×1350 ocupam mais espaço nele. Um bom **design de marketing B2B** parece uma só empresa, não a categoria inteira. O caminho é um sistema pequeno em vez de um monte de peças soltas: um fundo que seja reconhecidamente seu, um único par de fontes, quatro ou cinco layouts e tamanhos fixos para LinkedIn, prévias de link e slides. Preencha esses layouts com números e clientes reais, não com fotos de banco de imagens e pessoas isométricas, e seus cartões de caso, divulgações de webinar e prévias de link passam a parecer vindos de um lugar específico. ## Por que o marketing B2B parece sempre igual Equipes B2B trabalham rápido, com orçamento de design pequeno e uma forte tendência a parecer seguras. O resultado é uma linguagem visual comum: azul confiável, ilustrações planas de pessoas diante de notebooks gigantes, fotos de aperto de mãos e painéis flutuando no vazio. Não está errado, mas é invisível, e isso sai caro num feed cheio de concorrentes. Esse padrão é explorado em [por que todo feed parece igual](https://gradiently.design/pt-br/guide/why-every-feed-looks-the-same). ### Parece banco de imagens - Azul corporativo porque parece seguro - Pessoas isométricas e painéis flutuantes - Apertos de mão, skylines e salas de reunião - “Soluções inovadoras” como título - Um estilo novo a cada campanha ### Parece você - Um fundo e uma paleta que ninguém mais usa - Telas reais do produto, com corte justo - Sua equipe e seus clientes, com permissão - Um resultado ou uma afirmação, em palavras simples - O mesmo sistema em todas as peças ## Construa primeiro um pequeno sistema de design Um sistema parece um grande projeto. Para peças de marketing, é uma única página de decisões, e ele poupa horas toda semana depois. | Decisão | Escolha | Por quê | | --- | --- | --- | | Fundo | Um fundo ou uma família de fundos marcante | É a maior área de cada peça e responde pela maior parte do reconhecimento | | Tipografia | Uma fonte de título, uma de texto | Duas fontes bastam; mais do que isso parece várias empresas | | Layouts | Número, citação, anúncio, evento, capa | Cobre quase todo post B2B que você vai fazer | | Tamanhos | 1080×1350, 1200×630, 1920×1080 | Feed, prévia de link e slides | | Voz | Três palavras que descrevem como você escreve | Mantém o texto tão consistente quanto o visual | Cinco decisões, tomadas uma vez. Anote-as onde todo mundo que cria peças possa encontrar e revise uma vez por ano, não a cada campanha. Para equipes de SaaS, o guia de [branding para SaaS](https://gradiently.design/pt-br/guide/saas-startup-branding) trata da identidade com mais profundidade. O ponto aqui é mais estreito: seja qual for a identidade, aplique-a do mesmo jeito sempre. ## Cartões de caso em que o comprador acredita Estudos de caso estão entre os conteúdos B2B mais persuasivos, e muitas vezes os pior desenhados: um PDF longo que ninguém abre. Tire o resultado de lá e coloque num cartão que se lê em dois segundos, depois leve para a história completa. O guia de [design de estudo de caso](https://gradiently.design/pt-br/guide/case-study-design) traz a versão longa. Um cartão de estudo de caso em retrato com o resultado de 6 semanas a 9 dias como título e uma linha curta de contexto Um exemplo de layout: o resultado é o título, o contexto fica embaixo, e o nome do cliente só entra com autorização por escrito. - Abra com um resultado mensurável. Antes e depois é o que se lê mais rápido. - Cite o cliente e use o logo dele só com permissão, e deixe a marca dele menor que o resultado. - Acrescente uma linha de contexto para que o número tenha significado. - Siga com um cartão de citação do mesmo cliente, nas palavras dele. - Use o mesmo layout em todo estudo de caso, para que formem uma série. - Transforme o cartão em slide para apresentações de vendas, para que a prova apareça nas reuniões e também nos feeds. ## Divulgação de webinars e eventos Webinars são básicos no B2B, e suas peças de divulgação seguem uma hierarquia rígida: primeiro o tema, depois data e hora com o fuso, depois os palestrantes. Há um guia completo em [gráficos de divulgação de webinar](https://gradiently.design/pt-br/guide/webinar-promotion-graphics). No sistema, o layout de evento é só um dos seus cinco, com o mesmo fundo de todo o resto. Uma divulgação de webinar em retrato intitulada Páginas de preços que convertem, com data, hora e duração embaixo A versão para o feed do LinkedIn: tema grande, data e fuso logo abaixo. Uma prévia de link larga do mesmo webinar, com o título em uma linha A prévia de link da página de inscrição, com as mesmas palavras, em formato largo. ## Tamanhos do LinkedIn para conteúdo B2B O LinkedIn é onde a maior parte do conteúdo B2B é vista. Imagens em retrato ocupam mais espaço no feed, documentos comportam explicações mais longas e a capa da empresa enquadra todo o resto. Para anúncios pagos, veja [design de anúncios no LinkedIn](https://gradiently.design/pt-br/guide/linkedin-ad-design). - Post em retrato 1080×1350: 1080 × 1350 - Post quadrado 1200×1200: 1200 × 1200 - Imagem de link 1200×627: 1200 × 627 - Capa de empresa 2256×382: 2256 × 382 Os quatro formatos do LinkedIn que uma equipe B2B mais usa, desenhados em escala. ## Uma imagem Open Graph para cada página Quando um comprador cola sua página de preços no Slack, ou um colega compartilha um post do blog no LinkedIn, a prévia do link é a primeira impressão. Sem imagem Open Graph, você ganha uma caixa vazia ou um logo aleatório. Dê a cada página importante uma imagem de 1200×630 própria, no mesmo sistema de tudo o mais. O guia de [tamanho da imagem Open Graph](https://gradiently.design/pt-br/guide/open-graph-image-size) traz os detalhes, e as [imagens OG dinâmicas](https://gradiently.design/pt-br/guide/dynamic-og-images) mostram como gerá-las automaticamente para cada post do blog. ```html ``` As tags que fazem uma página ser compartilhada com imagem grande. Use uma URL https absoluta para a imagem. ## Como deixar o sistema fácil para a equipe toda No B2B, as peças são feitas por profissionais de marketing de produto, vendas, fundadores e agências, não só por designers. O sistema só se sustenta se for mais fácil de usar do que de ignorar. No Gradiently, um kit de marca guarda logo, paleta, fontes e voz; o fundo é um Mark que nenhuma outra empresa pode usar depois que você o reserva; e a Tinta automática mantém os títulos legíveis sobre ele, sem caixas nem sombras. Equipes que vivem no ChatGPT ou no Claude podem conectar o Gradiently e pedir um cartão de caso ou uma divulgação de webinar que abre no Studio, já com a sua marca. O guia [conectar um assistente de IA](https://gradiently.design/pt-br/guide/connect-ai-assistant) explica a configuração. ## FAQ ### Como deixar o design de marketing B2B menos genérico? Escolha um fundo e uma paleta marcantes, use telas reais do produto e clientes reais no lugar de banco de imagens e ilustrações, e aplique os mesmos poucos layouts em toda peça. ### Qual o tamanho ideal de posts B2B no LinkedIn? O retrato de 1080×1350 ocupa mais espaço no feed. Use 1200×1200 para posts quadrados e 1200×627 para imagens de link. ### O que um gráfico de estudo de caso deve ter? Um resultado mensurável como título, uma linha de contexto e o nome ou logo do cliente só com permissão dele. Leve para a história completa. ### Qual o tamanho de uma imagem Open Graph? 1200×630 pixels. Defina-a com a tag og:image em toda página que você espera que as pessoas compartilhem.