Marked
Priser
Logg innStart
DesignguidenBruksområder
Bruksområder

B2B-markedsføring og design: materiell som ikke ser ut som stock

Bedriftskjøpere scroller forbi mange nesten like blå innlegg. Et lite, konsekvent designsystem gjør kundecasene, webinarene og lenkeforhåndsvisningene dine gjenkjennelige før noen leser logoen.

GradientlyVerifisert Gradiently-konto·1. oktober 2026·5 min lesetid
Omslag: Glare of Tin · GR·GB4J·6K

Kortversjonen

  • Det meste av B2B-design ligner på hverandre fordi det henter fra de samme blå palettene, isometriske illustrasjonene og stockbildene av møter.
  • Et lite designsystem med én bakgrunn, ett skriftpar, noen få layouter og faste størrelser gir mer særpreget materiell enn design laget fra bunnen hver gang.
  • Kort med kundecaser fungerer best når de starter med ett målbart resultat og bare navngir kunden med tillatelse.
  • Hver side du deler bør ha sitt eget Open Graph-bilde i 1200×630, fordi lenkeforhåndsvisningen ofte er det første en kjøper ser.
  • LinkedIn er hovedfeeden for B2B-innhold, og stående bilder i 1080×1350 tar mest plass der.
På denne siden
Hvorfor B2B-markedsføring ser lik utBygg et lite designsystem førstKundecasekort som kjøpere tror påReklame for webinarer og arrangementerLinkedIn-størrelser for B2B-innholdEt Open Graph-bilde for hver sideGjør systemet enkelt for hele teamet

Godt B2B-design ser ut som ett selskap, ikke som bransjen. Veien dit er et lite system i stedet for en haug med separat materiell: én bakgrunn som er gjenkjennelig din, ett skriftpar, fire eller fem layouter og faste størrelser for LinkedIn, lenkeforhåndsvisninger og presentasjoner. Fyll layoutene med ekte tall og ekte kunder i stedet for stockbilder og isometriske figurer, så begynner kundecasekortene, webinarreklamene og lenkeforhåndsvisningene dine å se ut som de kommer fra et bestemt sted.

Hvorfor B2B-markedsføring ser lik ut

B2B-team jobber raskt, med små designbudsjetter og et sterkt drag mot å se trygge ut. Resultatet er et felles visuelt språk: tillitvekkende blått, flate illustrasjoner av folk ved gigantiske laptoper, håndtrykkbilder og dashbord som svever i løse luften. Det er ikke feil, men det er usynlig, og det er dyrt i en feed full av konkurrenter. Mønsteret utforskes i hvorfor alle feeder ser like ut.

Ser ut som stock

  • Bedriftsblått fordi det føles trygt
  • Isometriske figurer og svevende dashbord
  • Håndtrykk, skylines og bilder fra møterom
  • «Innovative løsninger» som overskrift
  • En ny stil for hver kampanje

Ser ut som deg

  • En bakgrunn og palett ingen andre bruker
  • Ekte produktskjermer, tett beskåret
  • Teamet ditt og kundene dine, med tillatelse
  • Ett resultat eller én påstand, med enkle ord
  • Det samme systemet på alt materiell

Bygg et lite designsystem først

Et system høres ut som et stort prosjekt. For markedsmateriell er det én side med beslutninger, og det sparer timer hver uke etterpå.

BakgrunnÉn særpreget bakgrunn eller familie

Hvorfor

Det er den største flaten i alt materiell og står for mesteparten av gjenkjennelsen
SkriftÉn skrift til overskrifter, én til brødtekst

Hvorfor

To skrifter er nok; flere ser ut som flere selskaper
LayouterTall, sitat, kunngjøring, arrangement, omslag

Hvorfor

Dekker nesten alle B2B-innlegg du kommer til å lage
Størrelser

Velg

1080×1350, 1200×630, 1920×1080

Hvorfor

Feed, lenkeforhåndsvisning og presentasjoner
StemmeTre ord som beskriver hvordan dere skriver

Hvorfor

Holder teksten like konsekvent som det visuelle
BeslutningVelgHvorfor
BakgrunnÉn særpreget bakgrunn eller familieDet er den største flaten i alt materiell og står for mesteparten av gjenkjennelsen
SkriftÉn skrift til overskrifter, én til brødtekstTo skrifter er nok; flere ser ut som flere selskaper
LayouterTall, sitat, kunngjøring, arrangement, omslagDekker nesten alle B2B-innlegg du kommer til å lage
Størrelser1080×1350, 1200×630, 1920×1080Feed, lenkeforhåndsvisning og presentasjoner
StemmeTre ord som beskriver hvordan dere skriverHolder teksten like konsekvent som det visuelle
Fem beslutninger, tatt én gang. Skriv dem ned der alle som lager materiell finner dem, og gå gjennom dem én gang i året, ikke én gang per kampanje.

For SaaS-team går profilering av SaaS-selskaper dypere inn i identitetssiden. Poenget her er smalere: uansett hva identiteten er, bruk den likt hver gang.

Kundecasekort som kjøpere tror på

Kundecaser er noe av det mest overbevisende B2B-innholdet, og ofte det dårligst designede: en lang PDF ingen åpner. Trekk resultatet ut i et kort som leses på to sekunder, og lenk til hele historien. Design av kundecaser dekker den lange versjonen.

Kundecase · Onboarding
Fra 6 uker til 9 dager
Slik bygde et logistikkteam om kundeoppsettet
Gradiently · @gradiently

Et eksempel på layout: resultatet er overskriften, sammenhengen står under, og kundens navn kommer bare med skriftlig tillatelse.

  • Start med ett målbart resultat. Før og etter leses raskest.
  • Navngi kunden og bruk logoen bare med tillatelse, og hold merkevaren deres mindre enn resultatet.
  • Legg til én linje med sammenheng så tallet betyr noe.
  • Følg opp med et sitatkort fra samme kunde, med deres egne ord.
  • Bruk samme layout for alle kundecaser, så de leses som en serie.
  • Gjør kortet om til en lysbilde for salgspresentasjoner, så beviset dukker opp i samtaler og ikke bare i feeder.

Reklame for webinarer og arrangementer

Webinarer er en B2B-klassiker, og reklamegrafikken deres følger et strengt hierarki: tema først, så dato og klokkeslett med tidssone, så foredragsholdere. En fullstendig guide finner du i grafikk til webinarreklame. I systemet er arrangementslayouten rett og slett én av de fem, med samme bakgrunn som alt annet.

Direkte webinar
Prissider som konverterer
Tor. 19. nov. · kl. 16 GMT · 45 minutter
Gradiently · @gradiently

Versjonen for LinkedIn-feeden: temaet stort, dato og tidssone rett under.

Direkte webinar
Prissider som konverterer
Tor. 19. nov. · kl. 16 GMT
Gradiently · @gradiently

Lenkeforhåndsvisningen til påmeldingssiden, samme ord, bredt format.

LinkedIn-størrelser for B2B-innhold

LinkedIn er der det meste av B2B-innhold blir sett. Stående bilder tar mest plass i feeden, dokumenter bærer lengre forklaringer og bedriftens forsidebilde rammer inn alt annet. For betalte plasseringer, se design av LinkedIn-annonser.

Stående innlegg 1080×1350

1080 × 1350

Kvadratisk innlegg 1200×1200

1200 × 1200

Lenkebilde 1200×627

1200 × 627

Bedriftsforside 2256×382

2256 × 382

De fire LinkedIn-formene et B2B-team bruker mest, tegnet i riktig målestokk.

Et Open Graph-bilde for hver side

Når en kjøper limer inn prissiden din i Slack, eller en kollega deler et blogginnlegg på LinkedIn, er lenkeforhåndsvisningen førsteinntrykket. Uten et Open Graph-bilde får du en tom boks eller en tilfeldig logo. Gi hver viktig side sitt eget bilde i 1200×630, i samme system som alt annet. Størrelse på Open Graph-bilder går gjennom detaljene, og dynamiske OG-bilder viser hvordan du lager dem automatisk for hvert blogginnlegg.

html
<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" />
Taggene som gjør at en side deles med et stort bilde. Bruk en absolutt https-adresse til bildet.

Gjør systemet enkelt for hele teamet

I B2B lages materiell av produktmarkedsførere, selgere, gründere og byråer, ikke bare designere. Systemet holder bare hvis det er enklere å bruke enn å overse. I Gradiently holder et merkevaresett på logoen, paletten, skriftene og stemmen; bakgrunnen er en Mark som ingen andre selskaper kan bruke når du har sikret deg den; og Auto-tekstfarge holder overskriftene lesbare på den uten bokser eller skygger. Team som lever i ChatGPT eller Claude kan koble til Gradiently og be om et kundecasekort eller en webinarreklame som åpnes i Studio, allerede i tråd med profilen. Koble til en AI-assistent forklarer oppsettet.

Koble til KI-assistenten din

La Claude eller en annen MCP-klient søke i Marks og lage design som åpnes i Studio.

Les utviklerdokumentasjonen

Spørsmål folk stiller

Hvordan gjør jeg B2B-design mindre generisk?

Velg én særpreget bakgrunn og palett, bruk ekte produktskjermer og ekte kunder i stedet for stock og illustrasjoner, og bruk de samme få layoutene på alt materiell.

Hvilken størrelse bør B2B-innlegg på LinkedIn ha?

Stående 1080×1350 tar mest plass i feeden. Bruk 1200×1200 for kvadratiske innlegg og 1200×627 for lenkebilder.

Hva bør en kundecasegrafikk inneholde?

Ett målbart resultat som overskrift, en linje med sammenheng, og kundens navn eller logo bare med deres tillatelse. Lenk til hele historien.

Hvilken størrelse har et Open Graph-bilde?

1200×630 piksler. Angi det med og:image-taggen på hver side du forventer at folk deler.

Del denne guiden

Skrevet av GradientlyVerifisert Gradiently-konto

Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.

Se profilen vår

På denne siden

Hvorfor B2B-markedsføring ser lik utBygg et lite designsystem førstKundecasekort som kjøpere tror påReklame for webinarer og arrangementerLinkedIn-størrelser for B2B-innholdEt Open Graph-bilde for hver sideGjør systemet enkelt for hele teamet

Del denne guiden

Neste i Bruksområder

Produktmarkedsføringsmateriell: settet til lanseringen

Les videre

Alle guider om Bruksområder
Bakgrunner

Design av kundecaser: vis problemet, arbeidet og resultatet

4 min lesetid

De fleste kundecaser er et galleri med et avsnitt på toppen. De som skaffer oppdrag, forteller en historie en fremmed kan følge på ett minutt. Det krever tydelig struktur, visuelle bevis og et format for hvert publiseringssted.

Bruksområder

Webinargrafikk som får folk til å melde seg på

4 min lesetid

Folk bestemmer seg for påmelding på tiden det tar å lese én linje. Her er hierarkiet, talerkortene, påminnelsesplanen og størrelsene som gir webinaret deltakere.

Sosiale medier

Design av LinkedIn-annonser: B2B-annonser som virker gjennomtenkte

5 min lesetid

LinkedIn-lesere er på jobb, skeptiske og har dårlig tid. En annonse fortjener et blikk ved å være konkret og godt laget, og ved å se ut som et selskap som har kontroll.

Finn uttrykket som bare er ditt.

Hver Mark er en levende bakgrunn med én eier. Prøv en ledig Mark og sikre deg din når det føles riktig.

Begynn å designe

Sjekk et sertifikat

Skriv inn et sertifikatnummer eller en Mark-kode for å se hvem som eier den.

Virker med ChatGPT og Claude

Be AI-en din om et design. Den lager det i din Mark, klart til å redigere.

ChatGPTClaude
Slik kobler du til

Produkt

  • Marked
  • Utforsk
  • Priser
  • Sertifikater

Lær

  • Designguiden
  • Hjelpesenter
  • Hva er nytt

Utviklere

  • Oversikt
  • ChatGPT og Claude
  • API-referanse
  • API-nøkler

Selskap

  • Om oss
  • Kontakt oss
  • Logg inn

Juridisk

  • Vilkår
  • Personvern
  • Refusjoner
  • Mark-beskyttelse
  • Informasjonskapsler
  • Alle retningslinjer
Beveg deg over bokstavene. Hver av dem bærer en ekte Mark.Trykk på en bokstav for å se Marken.Ett navn. Ti Marks inni det.
© 2026 Gradiently