# Co-branding: design for to merkevarer samtidig [Canonical HTML page](https://gradiently.design/nb/guide/co-branding-design) To logoer, to paletter, to regelsett og ett innlegg. Slik designer du et samarbeid så begge merkevarer ser ut som seg selv, og samarbeidet får et eget uttrykk. ## The short version - Co-branding plasserer to merkevarer i ett arbeid og holder begge gjenkjennelige. - En logosammenstilling for samarbeid gir begge logoene lik visuell tyngde, skilt med en tynn linje eller et gangetegn, med felles friområde. - Hvert samarbeidsdesign trenger ett ledende uttrykk: vertens, partnerens eller en nøytral bunn laget for samarbeidet. - Avtal logorekkefølge, farger, godkjenning og filstørrelser skriftlig før designarbeidet for å unngå de fleste forsinkelser. - Et eget uttrykk for samarbeidet lar begge målgrupper kjenne det igjen som noe selvstendig. **Co-branding** er når to merkevarer setter navnene sine på samme ting: et produkt, arrangement, en kampanje eller ett innlegg. Designutfordringen er å vise begge tydelig uten at én sluker den andre, og uten at resultatet ser ut som to sammenlimte annonser. De viktigste verktøyene er en god logosammenstilling, et valg om hvilket visuelt språk som leder og en kort regelavtale før noen åpner en designfil. ## Typer co-branding og hva de trenger | Type | Eksempel | Uttrykket som vanligvis leder | | --- | --- | --- | | Samarbeidslansering | En kafé og en keramiker lanserer en kopp sammen | Et uttrykk laget for samarbeidet | | Sponsing | Et lokalt bryggeri sponser et løp for en løpeklubb | Arrangementet eller klubben, med sponsor i logosammenstillingen | | Ingrediens eller partner | Et bakeri bruker mel fra en navngitt mølle | Selgeren, med diskret kreditering av partneren | | Felles arrangement | To studioer holder en felles workshop | Vertsstedet eller et felles nøytralt uttrykk | | Samarbeid for en sak | En butikk donerer en del av salget til veldedighet | Kampanjen, med organisasjonens regler for logoen | Samarbeidstypen avgjør hvor likestilt merkevarene skal se ut. Ikke all co-branding er femti-femti. > **Likestilling er et valg, ikke en standard** Still begge parter ett spørsmål før designarbeidet: er dette et likeverdig samarbeid, eller en vert med en gjest? Svaret bestemmer logostørrelse, rekkefølge, skilletegn og hvilke farger som leder. Å la det være usagt er den vanligste grunnen til endeløse runder med små endringer. ## Slik lager du en logosammenstilling for samarbeid En logosammenstilling er et fast oppsett av begge logoene. Når den bygges én gang og brukes igjen, sparer den diskusjoner om hvert senere design. Målet er lik *visuell* tyngde, som sjelden betyr lik målt størrelse: en bred ordlogo og et kompakt symbol trenger ulik høyde for å føles balansert. 1. **Bruk godkjente filer fra hver merkevare** Be om SVG-filer og partnerens regler. Tegn aldri om, endre farge på eller strekk andres logo. 2. **Velg et skilletegn** En tynn loddrett linje, et gangetegn (×) eller ordet «med». × signaliserer likeverdig samarbeid. «Med» eller «presentert av» signaliserer en vert. 3. **Balanser med øyet** Skaler logoene til de føles like tunge. Ordlogoer har vanligvis mindre høyde enn symboler. 4. **Sett felles friområde** Bruk den største av de to merkevarenes regler for friområde rundt hele sammenstillingen. 5. **Avtal rekkefølgen** Verten eller initiativtakeren først er vanlig. Skriv det ned, så det ikke byttes mellom designene. 6. **Lag lyse og mørke versjoner** Begge logoene i én farge hver, til mørke og lyse bunner. [Logovarianter](https://gradiently.design/nb/guide/logo-variations) dekker versjonene de fleste merkevarer leverer. ```text [ LOGO A ] × [ LOGO B ] └── lik visuell tyngde ──┘ friområde = den største regelen fra A og B, på alle sider skilletegn = tynn linje, × eller «med» / «presentert av» rekkefølge = vert eller initiativtaker først farge = hver logo i én flat farge på lys eller mørk bunn ``` En spesifikasjon for logosammenstilling som kan limes inn i samarbeidsbriefen og avtales før designarbeidet. Etter godkjenning eksporterer du sammenstillingen som egen fil i begge fargeversjoner og deler den med partneren. Alle senere design bruker samme fil fremfor å bygges på nytt av den som tilfeldigvis designer den dagen. ## Velge hvilket uttrykk som leder To komplette [visuelle språk](https://gradiently.design/nb/guide/visual-brand-language) på samme flate konkurrerer. La ett lede, og vis det andre gjennom logosammenstillingen og kanskje én aksentfarge. For ekte samarbeid kan et tredje alternativ passe: et uttrykk laget bare for samarbeidet, som begge målgrupper oppfatter som nytt. - Kafé: espresso: #1a1714 - Kafé: crema: #c8a27a - Felles: benhvit: #efe8dc - Keramiker: glasurblå: #2f5d73 - Keramiker: celadon: #8fb3c2 En felles palett for kafé og keramiker: begge beholder signaturfargene, bundet sammen av en nøytral farge begge kan godta. Et stående Instagram-innlegg om samarbeid mellom en kafé og et keramikkstudio, med navnene bundet sammen av et gangetegn En samarbeidskunngjøring med eget uttrykk og begge navn i lik visuell tyngde. Samme samarbeidskunngjøring som vertikal story, med begge navn og felles bakgrunn Samme design som story, som begge merkevarer kan dele fra egne kontoer. En egen flate for samarbeidet får det til å føles som en begivenhet fremfor en annonse. [Merkevarebygging for arrangementer](https://gradiently.design/nb/guide/event-branding) bruker samme idé for enkeltanledninger, og [tekstur i merkevarer](https://gradiently.design/nb/guide/brand-texture) forklarer hvordan et materiale alene kan bære uttrykket. ## Samarbeidsinnlegg i sosiale medier Instagrams samarbeidsinnlegg lar ett innlegg vises på begge merkevarenes profiler med felles likerklikk og kommentarer. Designet blir ekstra viktig fordi det ligger i to ulike rutenett. La det passe ved siden av begge merkevarenes nyeste innlegg, eller se tydelig spesielt ut hos begge. ### Unngå - To komplette merkestiler på samme flate - Én logo som er merkbart større ved et uhell - Å fargelegge partnerens logo på nytt for å passe - Ulike logosammenstillinger på hvert innlegg - Tekst så liten at den forsvinner i ett av rutenettene ### Gjør - Ett ledende uttrykk, det andre i logosammenstillingen - Logoer balansert med øyet og deretter låst - Hver logo i godkjente farger eller én flat farge - Én sammenstilling brukt på alt - En overskrift som kan leses i rutenettstørrelse Avtal størrelsene på forhånd også: et innlegg på 1080×1350, en story på 1080×1920 og, for arrangementer, et Facebook-arrangementsomslag på 1920×1005. [Design av kunngjøringsinnlegg](https://gradiently.design/nb/guide/announcement-post-design) har oppsett som passer samarbeidsnyheter. ## Samarbeidsbriefen: avtal før du designer - Hvem designer, hvem godkjenner på hver side og antall endringsrunder. - Logorekkefølge, skilletegn og filer til sammenstillingen. - Hvilket uttrykk som leder og hvilke farger fra hvert merke som kan brukes. - Tekst: samarbeidets navn, emneknagger og hvem som krediteres hvordan. - Formater, størrelser og leveringsdato for hvert design. I Gradiently kan én konto håndtere flere merkevarer, så ditt eget uttrykk og samarbeidets kan finnes side om side uten å blande pakkene. Med Pro kan du invitere partneren til et teamarbeidsområde som redaktør eller leser. Kommentarer på designene samler tilbakemeldinger fremfor å spre dem over e-post. En Mark sikret til samarbeidet gir en flate ingen av merkevarene har brukt før. ## FAQ ### Hva er co-branding i design? Å designe ett arbeid, som et produkt, innlegg eller arrangement, som bærer to merkevarer og holder begge gjenkjennelige. ### Hvordan setter man to logoer sammen? Lag en sammenstilling: begge logoene med lik visuell tyngde, skilt med en tynn linje, × eller «med», med felles friområde rundt paret. ### Hvilken logo kommer først i et samarbeidsdesign? Vanligvis verten eller merkevaren som startet samarbeidet. Avtal det skriftlig så det er likt på alle design. ### Kan jeg endre partnerens logofarge for å passe designet? Bare hvis merkereglene tillater det. De fleste tillater enfargeversjoner på lyse eller mørke bunner, men ikke egen omfarging.