# Samvarumärkning: design för två varumärken på en gång [Canonical HTML page](https://gradiently.design/sv/guide/co-branding-design) Två logotyper, två paletter, två regeluppsättningar och ett inlägg. Så designar du ett samarbete så att båda varumärkena ser ut som sig själva och samarbetet ser ut som en egen sak. ## The short version - Design för samvarumärkning placerar två varumärken i ett och samma verk och låter vart och ett förbli igenkännbart. - En gemensam logotyplåsning sätter båda logotyperna med lika visuell vikt, åtskilda av en tunn linje eller ett multiplikationstecken, med delad fri yta. - Varje samvarumärkt verk behöver ett ledande utseende, antingen värdens, partnerns eller en neutral yta gjord för samarbetet. - Att skriftligt komma överens om logotypernas ordning, färger, godkännanden och filstorlekar innan designen börjar undviker de flesta förseningar. - Ett eget utseende för ett samarbete låter båda målgrupperna känna igen partnerskapet som en egen sak. **Samvarumärkning** är när två varumärken sätter sina namn på samma sak: en produkt, ett evenemang, en kampanj eller ett enda inlägg. Designutmaningen är att visa båda tydligt utan att det ena sväljer det andra, och utan att resultatet ser ut som två annonser ihoplimmade. De viktigaste verktygen är en väl byggd logotyplåsning, ett beslut om vems visuella språk som leder och en kort överenskommelse om regler innan någon öppnar en designfil. ## Slag av samvarumärkning och vad de kräver | Slag | Exempel | Vems utseende som oftast leder | | --- | --- | --- | | Samarbetslansering | Ett café och en keramiker släpper en mugg tillsammans | Ett utseende gjort för samarbetet | | Sponsring | Ett lokalt bryggeri sponsrar en löparklubbs lopp | Evenemanget eller klubben; sponsorn syns som en lockup | | Ingrediens eller partner | Ett bageri använder mjöl från ett namngivet kvarnföretag | Säljaren; partnern nämns diskret | | Gemensamt evenemang | Två studior håller en gemensam workshop | Värdlokalen, eller ett delat neutralt utseende | | Ändamålspartnerskap | En butik skänker en del av en försäljning till en välgörenhetsorganisation | Kampanjen; organisationens regler för sin logotyp gäller | Slaget av partnerskap säger hur jämbördiga de två varumärkena bör se ut. Inte varje samvarumärkning är femtio femtio. > **Jämbördigt är ett beslut, inte en standard** Innan du designar, ställ båda sidor en fråga: är detta ett partnerskap mellan jämlikar, eller en värd med en gäst? Svaret avgör logotypernas storlek, ordning, avskiljare och vems färger som leder. Att låta det vara osagt är den vanligaste orsaken till att samvarumärkt arbete går genom ändlösa varv av små ändringar. ## Så bygger du en gemensam logotyplåsning En lockup är det fasta arrangemanget av båda logotyperna tillsammans. Byggd en gång och återanvänd sparar den bråk vid varje senare verk. Målet är lika *visuell* vikt, vilket sällan är lika uppmätt storlek: ett brett ordmärke och en kompakt symbol behöver olika höjder för att kännas balanserade. 1. **Använd varje varumärkes godkända filer** Be om SVG-filer och partnerns regler. Rita aldrig om, färga om eller sträck någon annans logotyp. 2. **Välj en avskiljare** En tunn vertikal linje, ett multiplikationstecken (×) eller ordet "med". × läses som ett jämbördigt samarbete; "med" eller "presenteras av" signalerar en värd. 3. **Balansera med ögat** Skala logotyperna tills de känns lika tunga. Ordmärken ligger oftast lägre i höjd än symboler. 4. **Sätt gemensam fri yta** Använd den större av de två varumärkenas regler för fri yta runt hela lockupen. 5. **Kom överens om ordningen** Värden eller initiativtagaren först är den vanliga konventionen. Skriv ner det så att det inte växlar mellan verken. 6. **Gör ljusa och mörka versioner** Båda logotyperna i en färg vardera, för mörka och ljusa bakgrunder. [Logotypvarianter](https://gradiently.design/sv/guide/logo-variations) tar upp de versioner de flesta varumärken levererar. ```text [ LOGOTYP A ] × [ LOGOTYP B ] └── lika visuell vikt ──┘ fri yta = den större av A:s och B:s regel, på alla sidor avskiljare = tunn linje, ×, eller "med" / "presenteras av" ordning = värd eller initiativtagare först färg = varje logotyp i en enhetlig färg för ljus eller mörk bakgrund ``` En lockup-specifikation du kan klistra in i en partnerbrief och komma överens om innan du designar. När ni är överens exporterar du lockupen som en egen fil i båda färgversionerna och delar den med partnern. Varje senare verk använder då samma fil i stället för att byggas om av den som råkar designa den dagen. ## Välja vems utseende som leder Två fullständiga [visuella språk](https://gradiently.design/sv/guide/visual-brand-language) på en yta kämpar mot varandra. Välj ett att leda och låt det andra synas genom lockupen och kanske en accentfärg. För äkta samarbeten kan du överväga ett tredje alternativ: ett utseende gjort enbart för partnerskapet, som båda målgrupperna ser som nytt. - Café: espresso: #1a1714 - Café: crema: #c8a27a - Delad: benvit: #efe8dc - Keramiker: glasyrblå: #2f5d73 - Keramiker: celadon: #8fb3c2 En delad palett för ett samarbete mellan café och keramiker: varje varumärke behåller sina signaturfärger, förenade av en neutral ton båda kan leva med. Ett stående Instagram-inlägg som tillkännager ett samarbete mellan ett café och en keramikstudio, med båda namnen förenade av ett multiplikationstecken Ett samarbetsmeddelande i ett utseende gjort för partnerskapet, med båda namnen lika tunga. Samma samarbetsmeddelande som en stående story, med båda namnen och den delade bakgrunden bevarade Samma verk som story, för båda varumärkena att dela från sina egna konton. En särskild yta för samarbetet är det som får det att kännas som ett evenemang snarare än en annons. [Varumärkesprofilering av evenemang](https://gradiently.design/sv/guide/event-branding) använder samma idé för enskilda tillfällen, och [varumärkestextur](https://gradiently.design/sv/guide/brand-texture) förklarar hur enbart ett material kan bära ett utseende. ## Partnerskapsinlägg i sociala medier Instagrams samarbetsinlägg låter ett inlägg visas på båda varumärkenas profiler och dela gillamarkeringar och kommentarer. Det gör inläggets design dubbelt viktig, eftersom det sitter i två olika rutnät. Designa det så att det ser hemmastatt ut bredvid båda varumärkenas senaste inlägg, eller tydligt speciellt i båda. ### Undvik - Två fullständiga varumärkesstilar på en yta - En logotyp märkbart större av misstag - Att färga om partnerns logotyp för att matcha - Olika lockups på varje inlägg - Text så liten att den försvinner i ett rutnät ### Gör så här - Ett ledande utseende, det andra i lockupen - Logotyper balanserade med ögat och sedan låsta - Varje logotyp i sina egna godkända färger eller en enhetlig färg - En lockup som återanvänds på allt - En rubrik som läses i rutnätsstorlek Kom också överens om storlekarna i förväg: ett inlägg i 1080×1350, en story i 1080×1920 och, för evenemang, ett Facebook-evenemangsomslag i 1920×1005. [Design av tillkännagivandeinlägg](https://gradiently.design/sv/guide/announcement-post-design) har layouter som passar partnerskapsnyheter. ## Samvarumärkningens brief: kom överens innan du designar - Vem som designar, vem som godkänner på varje sida och hur många varv ändringar. - Logotypernas ordning, avskiljare och lockup-filerna. - Vilket utseende som leder och vilka färger från vart och ett varumärke som får förekomma. - Orden: samarbetets namn, hashtaggar och vem som krediteras hur. - Format, storlekar och datumen då varje verk ska vara klart. I Gradiently kan ett konto driva flera varumärken, så ditt eget utseende och samarbetets utseende kan finnas sida vid sida utan att kiten blandas. I Pro kan du bjuda in en partner till en teamarbetsyta som redaktör eller åskådare, och kommentarer på designerna samlar återkopplingen på ett ställe i stället för utspridd i e-post. En Mark som säkrats för samarbetet ger det en yta ingen av varumärkena har använt förut. ## FAQ ### Vad är samvarumärkning i design? Det är att designa ett enskilt verk, som en produkt, ett inlägg eller ett evenemang, som bär två varumärken och låter vart och ett förbli igenkännbart. ### Hur sätter man ihop två logotyper? Bygg en lockup: båda logotyperna med lika visuell vikt, åtskilda av en tunn linje, ett × eller ordet "med", med delad fri yta runt paret. ### Vilken logotyp kommer först i en samvarumärkt design? Oftast värden eller varumärket som startade partnerskapet. Kom överens om det skriftligt så att det är detsamma på varje verk. ### Kan jag ändra en partners logotypfärg så den matchar min design? Bara om deras varumärkesregler tillåter det. De flesta tillåter en enfärgsversion på ljus eller mörk bakgrund, men inte egen omfärgning.