The short version
- Most B2B marketing design looks alike because it draws on the same blue palettes, isometric illustrations and stock photos of meetings.
- A small design system of one background, one type pairing, a few layouts and fixed sizes produces more distinctive assets than designs made from scratch each time.
- Case study cards work best when they lead with one measurable result and name the customer only with permission.
- Every page you share should have its own 1200×630 Open Graph image, because the link preview is often the first thing a buyer sees.
- LinkedIn is the main feed for B2B content, and portrait 1080×1350 images take the most room in it.
On this page
Good B2B marketing design looks like one company, not like the category. The way to get there is a small system rather than a pile of separate assets: one background that is recognisably yours, a single type pairing, four or five layouts, and fixed sizes for LinkedIn, link previews and slides. Fill those layouts with real numbers and real customers instead of stock photos and isometric people, and your case study cards, webinar promos and link previews start to look like they came from somewhere specific.
Why B2B marketing looks the same
B2B teams work fast, with small design budgets and a strong pull towards looking safe. The result is a shared visual language: trustworthy blue, flat illustrations of people at giant laptops, handshake photos and dashboards floating in space. It is not wrong, but it is invisible, which is a costly thing to be in a feed full of competitors. The pattern is explored in why every feed looks the same.
Looks like stock
- Corporate blue because it feels safe
- Isometric people and floating dashboards
- Handshakes, skylines and meeting room photos
- "Innovative solutions" as a headline
- A new style for every campaign
Looks like you
- A background and palette nobody else uses
- Real product screens, cropped tight
- Your team and your customers, with permission
- One result or one claim, in plain words
- The same system on every asset
Build a small design system first
A system sounds like a big project. For marketing assets it is a single page of decisions, and it saves hours every week afterwards.
Choose
Why
Why
Why
Why
Why
For SaaS teams, SaaS branding covers the identity side in more depth. The point here is narrower: whatever the identity is, apply it the same way every time.
Case study cards that buyers believe
Case studies are some of the most persuasive B2B content, and often the worst designed: a long PDF nobody opens. Pull the result out into a card that reads in two seconds, then link to the full story. Case study design covers the long version.
An example layout: the result is the headline, the context sits underneath, and the customer's name goes in only with their written permission.
- Lead with one measurable result. Before and after reads fastest.
- Name the customer and use their logo only with permission, and keep their brand smaller than the result.
- Add one line of context so the number means something.
- Follow with a quote card from the same customer, in their words.
- Use the same layout for every case study, so they read as a series.
- Turn the card into a slide for sales decks, so the proof appears in calls as well as feeds.
Webinar and event promos
Webinars are a B2B staple, and their promo graphics follow a strict hierarchy: topic first, then date and time with the time zone, then speakers. A full guide is in webinar promotion graphics. In the system, the event layout is simply one of your five, wearing the same background as everything else.
The LinkedIn feed version: topic large, date and time zone right under it.
The registration page's link preview, same words, wide format.
LinkedIn sizes for B2B content
LinkedIn is where most B2B content is seen. Portrait images take the most room in the feed, documents carry longer explainers and the company cover frames everything else. For paid placements, see LinkedIn ad design.
Portrait post 1080×1350
1080 × 1350
Square post 1200×1200
1200 × 1200
Link image 1200×627
1200 × 627
Company cover 2256×382
2256 × 382
An Open Graph image for every page
When a buyer pastes your pricing page into Slack, or a colleague shares a blog post on LinkedIn, the link preview is the first impression. Without an Open Graph image you get a blank box or a random logo. Give every important page its own 1200×630 image, in the same system as everything else. Open Graph image size covers the details, and dynamic OG images shows how to generate them for every blog post automatically.
<meta property="og:title" content="Pricing pages that convert: live webinar" />
<meta property="og:description" content="45 minutes on what makes B2B pricing pages work." />
<meta property="og:image" content="https://example.com/og/webinar-pricing.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Making the system easy for the whole team
In B2B, assets are made by product marketers, sales, founders and agencies, not only designers. The system only holds if it is easier to use than to ignore. In Gradiently, a brand kit holds the logo, palette, fonts and voice; the background is a Mark that no other company can use once you claim it; and Auto ink keeps headlines readable on it without boxes or shadows. Teams that live in ChatGPT or Claude can connect Gradiently and ask for a case study card or webinar promo that opens in the Studio, already on brand. Connect an AI assistant explains the setup.
Questions people ask
How do I make B2B marketing design less generic?
Pick one distinctive background and palette, use real product screens and real customers instead of stock and illustrations, and apply the same few layouts to every asset.
What size should B2B LinkedIn posts be?
Portrait 1080×1350 takes the most room in the feed. Use 1200×1200 for square posts and 1200×627 for link images.
What should a case study graphic include?
One measurable result as the headline, a line of context, and the customer's name or logo only with their permission. Link to the full story.
What size is an Open Graph image?
1200×630 pixels. Set it with the og:image tag on every page you expect people to share.
Written by Gradiently
The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.
See our profile