# B2B-marknadsföring i design: material som inte ser ut som stockbilder
[Canonical HTML page](https://gradiently.design/sv/guide/b2b-marketing-design)
Företagsköpare scrollar förbi många nästan identiska blå inlägg. Ett litet, konsekvent designsystem gör dina kundcase, webbinarier och länkförhandsvisningar igenkännbara innan någon läser logotypen.
## The short version
- Det mesta av B2B-designen ser likadan ut eftersom den hämtar från samma blå paletter, isometriska illustrationer och stockfoton av möten.
- Ett litet designsystem med en bakgrund, ett typsnittspar, några layouter och fasta storlekar ger mer särpräglat material än design som görs från grunden varje gång.
- Kundcasekort fungerar bäst när de leder med ett mätbart resultat och nämner kunden först efter tillstånd.
- Varje sida du delar bör ha en egen Open Graph-bild på 1200×630, eftersom länkförhandsvisningen ofta är det första en köpare ser.
- LinkedIn är det huvudsakliga flödet för B2B-innehåll, och stående bilder i 1080×1350 tar mest plats där.
Bra **B2B-design** ser ut som ett enda företag, inte som kategorin. Vägen dit är ett litet system snarare än en hög separata material: en bakgrund som är igenkännbart din, ett enda typsnittspar, fyra eller fem layouter och fasta storlekar för LinkedIn, länkförhandsvisningar och bildspel. Fyll layouterna med verkliga siffror och verkliga kunder i stället för stockfoton och isometriska människor, så börjar dina kundcasekort, webbinariekampanjer och länkförhandsvisningar se ut att komma från någonstans specifikt.
## Varför B2B-marknadsföring ser likadan ut
B2B-team arbetar snabbt, med små designbudgetar och ett starkt tryck mot att se trygga ut. Resultatet är ett gemensamt bildspråk: förtroendeingivande blått, platta illustrationer av människor vid jättelika bärbara datorer, handskakningsfoton och instrumentpaneler som svävar i rymden. Det är inte fel, men det är osynligt, vilket är dyrt i ett flöde fullt av konkurrenter. Mönstret utforskas i [varför alla flöden ser likadana ut](https://gradiently.design/sv/guide/why-every-feed-looks-the-same).
### Ser ut som stockbilder
- Företagsblått eftersom det känns tryggt
- Isometriska människor och svävande instrumentpaneler
- Handskakningar, stadssiluetter och foton av mötesrum
- ”Innovativa lösningar” som rubrik
- En ny stil för varje kampanj
### Ser ut som du
- En bakgrund och palett som ingen annan använder
- Verkliga produktskärmar, beskurna tätt
- Ditt team och dina kunder, med tillstånd
- Ett resultat eller ett påstående, i enkla ord
- Samma system på varje material
## Bygg ett litet designsystem först
Ett system låter som ett stort projekt. För marknadsföringsmaterial är det en enda sida med beslut, och det sparar timmar varje vecka efteråt.
| Beslut | Välj | Varför |
| --- | --- | --- |
| Bakgrund | En särpräglad bakgrund eller familj | Den är största ytan på varje material och står för det mesta av igenkänningen |
| Typografi | Ett rubriktypsnitt, ett brödtypsnitt | Två typsnitt räcker; fler ser ut som flera företag |
| Layouter | Siffra, citat, tillkännagivande, event, omslag | Täcker nästan varje B2B-inlägg du kommer att göra |
| Storlekar | 1080×1350, 1200×630, 1920×1080 | Flöde, länkförhandsvisning och bildspel |
| Röst | Tre ord som beskriver hur du skriver | Håller texten lika konsekvent som bilderna |
Fem beslut, fattade en gång. Skriv ner dem där alla som gör material kan hitta dem, och se över dem en gång om året i stället för en gång per kampanj.
För SaaS-team tar [SaaS-varumärke](https://gradiently.design/sv/guide/saas-startup-branding) upp identitetssidan mer ingående. Poängen här är smalare: vad identiteten än är, använd den på samma sätt varje gång.
## Kundcasekort som köpare tror på
Kundcase hör till det mest övertygande B2B-innehållet, och är ofta det sämst designade: en lång PDF som ingen öppnar. Lyft ut resultatet till ett kort som läses på två sekunder och länka sedan till hela berättelsen. [Design av kundcase](https://gradiently.design/sv/guide/case-study-design) går igenom den långa versionen.
Ett stående kundcasekort med resultatet 6 veckor till 9 dagar som rubrik och en kort rad sammanhang
Ett exempel på layout: resultatet är rubriken, sammanhanget står under och kundens namn tas med bara med deras skriftliga tillstånd.
- Led med ett mätbart resultat. Före och efter läses snabbast.
- Nämn kunden och använd deras logotyp bara med tillstånd, och håll deras varumärke mindre än resultatet.
- Lägg till en rad sammanhang så att siffran betyder något.
- Följ upp med ett citatkort från samma kund, med deras ord.
- Använd samma layout för varje kundcase, så att de läses som en serie.
- Gör om kortet till en bild för säljpresentationer, så att beviset syns i samtal och inte bara i flöden.
## Kampanjer för webbinarier och event
Webbinarier hör till B2B:s vardag, och deras kampanjbilder följer en strikt hierarki: ämnet först, sedan datum och tid med tidszon, sedan talare. En fullständig guide finns i [grafik för webbinarier](https://gradiently.design/sv/guide/webinar-promotion-graphics). I systemet är eventlayouten helt enkelt en av dina fem, med samma bakgrund som allt annat.
En stående webbinariekampanj med titeln Prissidor som konverterar och datum, tid och längd under
Versionen för LinkedIn-flödet: ämnet stort, datum och tidszon strax under.
En bred länkförhandsvisning för samma webbinarium, med titeln på en rad
Länkförhandsvisningen för anmälningssidan, samma ord, brett format.
## LinkedIn-storlekar för B2B-innehåll
LinkedIn är där det mesta B2B-innehållet ses. Stående bilder tar mest plats i flödet, dokument rymmer längre förklaringar och företagsomslaget ramar in allt annat. För betalda placeringar, se [design av LinkedIn-annonser](https://gradiently.design/sv/guide/linkedin-ad-design).
- Stående inlägg 1080×1350: 1080 × 1350
- Kvadratiskt inlägg 1200×1200: 1200 × 1200
- Länkbild 1200×627: 1200 × 627
- Företagsomslag 2256×382: 2256 × 382
De fyra LinkedIn-former som ett B2B-team använder mest, skalenligt.
## En Open Graph-bild för varje sida
När en köpare klistrar in din prissida i Slack, eller en kollega delar ett blogginlägg på LinkedIn, är länkförhandsvisningen det första intrycket. Utan en Open Graph-bild får du en tom ruta eller en slumpmässig logotyp. Ge varje viktig sida en egen bild på 1200×630, i samma system som allt annat. [Storlek på Open Graph-bilder](https://gradiently.design/sv/guide/open-graph-image-size) går igenom detaljerna, och [dynamiska OG-bilder](https://gradiently.design/sv/guide/dynamic-og-images) visar hur du genererar dem automatiskt för varje blogginlägg.
```html
```
Taggarna som får en sida att delas med en stor bild. Använd en absolut https-adress för bilden.
## Gör systemet enkelt för hela teamet
Inom B2B görs material av produktmarknadsförare, säljare, grundare och byråer, inte bara designers. Systemet håller bara om det är enklare att använda än att strunta i. I Gradiently håller ett varumärkespaket logotyp, palett, typsnitt och röst; bakgrunden är en Mark som inget annat företag kan använda när du har säkrat den; och Auto-bläck håller rubrikerna läsbara på den utan rutor eller skuggor. Team som lever i ChatGPT eller Claude kan ansluta Gradiently och be om ett kundcasekort eller en webbinariekampanj som öppnas i Studion, redan i varumärkets stil. [Anslut en AI-assistent](https://gradiently.design/sv/guide/connect-ai-assistant) förklarar hur.
## FAQ
### Hur gör jag B2B-design mindre generisk?
Välj en särpräglad bakgrund och palett, använd verkliga produktskärmar och verkliga kunder i stället för stockbilder och illustrationer, och tillämpa samma få layouter på varje material.
### Vilken storlek ska B2B-inlägg på LinkedIn ha?
Stående 1080×1350 tar mest plats i flödet. Använd 1200×1200 för kvadratiska inlägg och 1200×627 för länkbilder.
### Vad ska en kundcasebild innehålla?
Ett mätbart resultat som rubrik, en rad sammanhang och kundens namn eller logotyp bara med deras tillstånd. Länka till hela berättelsen.
### Vilken storlek har en Open Graph-bild?
1200×630 pixlar. Ange den med og:image-taggen på varje sida du förväntar dig att folk delar.