# Yhteisbrändäys: suunnittele kahdelle brändille kerralla

[Canonical HTML page](https://gradiently.design/fi/guide/co-branding-design)

Kaksi logoa, kaksi palettia, kahdet säännöt ja yksi julkaisu. Näin suunnittelet kumppanuuden, jossa molemmat brändit näyttävät itseltään ja yhteistyö tuntuu omalta kokonaisuudelta.

## The short version

- Yhteisbrändäys sijoittaa kaksi brändiä samaan työhön niin, että molemmat pysyvät tunnistettavina.
- Yhteisbrändin logoyhdistelmä antaa logoille saman visuaalisen painon, erottaa ne ohuella viivalla tai kertomerkillä ja määrittää yhteisen suoja-alueen.
- Jokainen yhteisbrändätty työ tarvitsee yhden johtavan ilmeen: isäntäbrändin, kumppanin tai yhteistyölle luodun neutraalin pohjan.
- Logojärjestyksestä, väreistä, hyväksynnöistä ja tiedostoko’oista sopiminen kirjallisesti ennen suunnittelua ehkäisee useimmat viivästykset.
- Yhteistyön oma ilme auttaa molempia yleisöjä tunnistamaan kumppanuuden omaksi kokonaisuudekseen.

**Yhteisbrändäys** tarkoittaa kahden brändin nimen tuomista samaan tuotteeseen, tapahtumaan, kampanjaan tai yksittäiseen julkaisuun. Suunnittelun haasteena on näyttää molemmat selvästi ilman, että toinen nielee toisen tai tulos näyttää kahdelta yhteen liimatulta mainokselta. Keskeiset työkalut ovat hyvin rakennettu logoyhdistelmä, päätös johtavasta visuaalisesta kielestä ja lyhyt sääntösopimus ennen suunnittelutiedoston avaamista.

## Yhteisbrändäyksen tyypit ja niiden tarpeet

| Tyyppi | Esimerkki | Yleensä johtava ilme |
| --- | --- | --- |
| Yhteistyöjulkaisu | Kahvila ja keraamikko julkaisevat yhteisen mukin | Yhteistyölle tehty ilme |
| Sponsorointi | Paikallinen panimo sponsoroi juoksuseuran kilpailua | Tapahtuma tai seura; sponsori näkyy logoyhdistelmässä |
| Raaka-aine tai kumppani | Leipomo käyttää nimetyn myllyn jauhoja | Myyjä; kumppani mainitaan hillitysti |
| Yhteinen tapahtuma | Kaksi studiota järjestää yhteisen työpajan | Tapahtumapaikka tai yhteinen neutraali ilme |
| Hyväntekeväisyyskumppanuus | Kauppa lahjoittaa osan myynnistä järjestölle | Kampanja; järjestön logosäännöt pätevät |

Kumppanuuden tyyppi kertoo, kuinka tasavertaisilta brändien pitää näyttää. Kaikki yhteisbrändit eivät ole puoliksi ja puoliksi.

> **Tasavertaisuus on päätös** Kysy molemmilta ennen suunnittelua: onko kyse tasavertaisesta kumppanuudesta vai isännästä ja vieraasta? Vastaus määrää logojen koon, järjestyksen, erottimen ja johtavat värit. Asian jättämisestä lausumatta syntyvät useimmiten loputtomat pienten muutosten kierrokset.

## Yhteisen logoyhdistelmän rakentaminen

Logoyhdistelmä on kahden logon kiinteä asettelu. Kerran rakennettuna ja uudelleen käytettynä se säästää väittelyiltä jokaisessa myöhemmässä työssä. Tavoite on sama *visuaalinen* paino, joka harvoin tarkoittaa samaa mitattua kokoa: leveä tekstilogo ja tiivis symboli tarvitsevat eri korkeudet näyttääkseen tasapainoisilta.

1. **Käytä brändien hyväksymiä tiedostoja** Pyydä SVG-tiedostot ja kumppanin säännöt. Älä piirrä, väritä tai venytä toisen logoa uudelleen.
2. **Valitse erotin** Ohut pystyviiva, kertomerkki (×) tai sana ”yhdessä”. × viestii tasavertaista yhteistyötä; ”yhdessä” tai ”järjestäjänä” viittaa isäntään.
3. **Tasapainota silmämääräisesti** Skaalaa logot samaan koettuun painoon. Tekstilogot ovat korkeudeltaan yleensä symboleja pienempiä.
4. **Määritä yhteinen suoja-alue** Käytä koko yhdistelmän ympärillä brändien suoja-aluesäännöistä suurempaa.
5. **Sovi järjestys** Tavallisesti isäntä tai aloitteentekijä tulee ensin. Kirjaa järjestys, jotta se ei vaihdu töiden välillä.
6. **Tee vaalea ja tumma versio** Kumpikin logo yhtenä värinä tummille ja vaaleille pinnoille. [Logoversiot](https://gradiently.design/fi/guide/logo-variations) käsittelee tavallisesti toimitettavia vaihtoehtoja.

```text
  [ LOGO A ]   ×   [ LOGO B ]
  └── sama visuaalinen paino ──┘

  suoja-alue = suurempi A:n ja B:n säännöistä, kaikilla sivuilla
  erotin     = ohut viiva, × tai ”yhdessä” / ”järjestäjänä”
  järjestys  = isäntä tai aloitteentekijä ensin
  väri       = jokainen logo yhtenä tasavärinä vaaleille tai tummille pinnoille
```

Logoyhdistelmän määrittely, jonka voit liittää yhteistyöohjeistukseen ja hyväksyä ennen suunnittelua.

Kun yhdistelmä on hyväksytty, vie se omana tiedostonaan molemmissa väriversioissa ja jaa kumppanille. Kaikki myöhemmät työt käyttävät samaa tiedostoa sen sijaan, että päivän suunnittelija rakentaisi sen uudelleen.

## Kumman ilme johtaa

Kaksi kokonaista [visuaalista kieltä](https://gradiently.design/fi/guide/visual-brand-language) samassa suunnitelmassa riitelevät. Valitse yksi johtamaan ja tuo toinen mukaan logoyhdistelmän ja ehkä yhden korostusvärin kautta. Tasavertaisessa yhteistyössä harkitse kolmatta vaihtoehtoa: juuri kumppanuudelle tehtyä ilmettä, jonka molemmat yleisöt näkevät uutena.

- Kahvila: espresso: #1a1714
- Kahvila: crema: #c8a27a
- Yhteinen: luu: #efe8dc
- Keraamikko: lasitesininen: #2f5d73
- Keraamikko: seladoni: #8fb3c2

Kahvilan ja keraamikon yhteinen paletti: kumpikin säilyttää tunnusvärinsä, jotka yhdistää molemmille sopiva neutraali sävy.

Instagram-pystyjulkaisu ilmoittaa kahvilan ja keramiikkastudion yhteistyöstä, nimet yhdistettynä kertomerkillä

Yhteistyöilmoitus kumppanuudelle tehdyllä ilmeellä, molemmat nimet yhtä painavina.

Sama yhteistyöilmoitus pystytarinana, jossa molemmat nimet ja yhteinen tausta säilyvät

Sama työ tarinana, jonka molemmat brändit voivat jakaa omilta tileiltään.

Yhteistyön oma pinta saa sen tuntumaan tapahtumalta mainoksen sijaan. [Tapahtuman brändäys](https://gradiently.design/fi/guide/event-branding) käyttää samaa ajatusta yksittäisissä tilaisuuksissa, ja [brändin tekstuuri](https://gradiently.design/fi/guide/brand-texture) selittää, miten pelkkä materiaali voi kantaa ilmettä.

## Kumppanuusjulkaisut somessa

Instagramin yhteistyöjulkaisu näkyy molempien brändien profiileissa ja jakaa tykkäykset ja kommentit. Siksi suunnittelu on kaksin verroin tärkeää: julkaisu istuu kahteen eri ruudukkoon. Suunnittele se sopimaan kummankin uusimpien julkaisujen rinnalle tai näyttämään selvästi erityiseltä molemmissa.

### Vältä

- Kahta kokonaista brändityyliä samalla pinnalla
- Toista logoa vahingossa selvästi suurempana
- Kumppanin logon uudelleenväritystä
- Eri logoyhdistelmää joka julkaisussa
- Tekstiä, joka katoaa toisen ruudukossa

### Tee näin

- Yksi johtava ilme, toinen logoyhdistelmässä
- Logot silmämääräiseen tasapainoon ja asettelu lukkoon
- Kummankin hyväksytyt värit tai yksi tasaväri
- Sama logoyhdistelmä kaikkeen
- Ruudukkokoossa luettava otsikko

Sovi koot etukäteen: 1080×1350-julkaisu, 1080×1920-tarina ja tapahtumille Facebook-kansi koossa 1920×1005. [Ilmoitusjulkaisun suunnittelu](https://gradiently.design/fi/guide/announcement-post-design) tarjoaa yhteistyöuutisille sopivia asetteluja.

## Yhteisbrändäyksen ohjeistus: sovi ennen suunnittelua

- Kuka suunnittelee, kuka hyväksyy kummallakin puolella ja montako muutoskierrosta tehdään.
- Logojärjestys, erotin ja logoyhdistelmän tiedostot.
- Johtava ilme ja kummankin brändin sallitut värit.
- Sanat: yhteistyön nimi, aihetunnisteet ja osapuolten mainitseminen.
- Muodot, koot ja jokaisen työn määräpäivä.

Gradientlyssä yksi tili voi hallita useita brändejä, joten oma ja yhteistyön ilme voivat elää rinnakkain sekoittamatta brändipaketteja. Prossa voit kutsua kumppanin tiimityötilaan muokkaajaksi tai katselijaksi. Suunnitelmien kommentit pitävät palautteen yhdessä paikassa sähköpostien sijaan. Yhteistyölle lunastettu Mark antaa pinnan, jota kumpikaan brändi ei ole aiemmin käyttänyt.

## FAQ

### Mitä yhteisbrändäys tarkoittaa suunnittelussa?

Yhden tuotteen, julkaisun tai tapahtuman suunnittelua kahdelle brändille niin, että kumpikin pysyy tunnistettavana.

### Miten kaksi logoa yhdistetään?

Tee kiinteä yhdistelmä, jossa logoilla on sama visuaalinen paino, välissä ohut viiva, × tai sana ”yhdessä” ja parin ympärillä yhteinen suoja-alue.

### Kumpi logo tulee ensin yhteisbrändätyssä suunnitelmassa?

Yleensä isännän tai yhteistyön aloittaneen brändin logo. Sovi järjestys kirjallisesti, jotta se säilyy kaikissa töissä.

### Voinko muuttaa kumppanin logon väriä suunnitelmaani sopivaksi?

Vain jos brändisäännöt sallivat sen. Useimmat sallivat yksivärisen version vaalealla tai tummalla taustalla, mutta eivät vapaata uudelleenväritystä.