# Co-branding : designer pour deux marques à la fois [Canonical HTML page](https://gradiently.design/fr/guide/co-branding-design) Deux logos, deux palettes, deux chartes et un seul post. Voici comment concevoir un partenariat pour que chaque marque reste elle-même et que la collaboration ait l’air d’une vraie chose. ## The short version - Le co-branding place deux marques dans une même création tout en gardant chacune reconnaissable. - Une association de logos en co-branding donne aux deux logos le même poids visuel, séparés par un filet fin ou un signe de multiplication, avec une zone de protection commune. - Chaque création en co-branding a besoin d’un look qui mène : celui de la marque hôte, celui du partenaire ou un fond neutre créé pour la collaboration. - Se mettre d’accord par écrit sur l’ordre des logos, les couleurs, les validations et les formats avant de concevoir évite la plupart des retards d’un partenariat. - Un look dédié à une collaboration permet aux deux audiences de reconnaître le partenariat comme une chose à part entière. Le **co-branding**, c’est quand deux marques mettent leur nom sur la même chose : un produit, un événement, une campagne ou un simple post. Le défi de design est de montrer les deux clairement sans que l’une avale l’autre, et sans que le résultat ressemble à deux pubs collées ensemble. Les outils de base sont une association de logos bien construite, une décision sur le langage visuel qui mène, et un court accord sur les règles avant que quiconque n’ouvre un fichier. ## Les types de co-branding et leurs besoins | Type | Exemple | Look qui mène en général | | --- | --- | --- | | Collaboration en série limitée | Un café et une céramiste sortent une tasse ensemble | Un look créé pour la collaboration | | Sponsoring | Une brasserie locale sponsorise la course d’un club de running | L’événement ou le club ; le sponsor apparaît dans une association de logos | | Ingrédient ou partenaire | Une boulangerie utilise la farine d’un moulin nommé | Le vendeur ; le partenaire est crédité discrètement | | Événement commun | Deux studios organisent un atelier partagé | Le lieu hôte, ou un look neutre partagé | | Partenariat solidaire | Une boutique reverse une part d’une vente à une association | La campagne ; les règles de l’association sur son logo s’appliquent | Le type de partenariat indique à quel point les deux marques doivent paraître égales. Tout co-branding n’est pas du moitié-moitié. > **L’égalité est une décision, pas un réglage par défaut** Avant de concevoir, posez une question aux deux parties : est-ce un partenariat d’égal à égal, ou un hôte avec un invité ? La réponse fixe la taille des logos, leur ordre, le séparateur et les couleurs qui mènent. La laisser dans le flou est la raison la plus fréquente des allers-retours sans fin sur des détails. ## Construire une association de logos en co-branding Une association de logos est l’agencement fixe des deux logos ensemble. Construite une fois et réutilisée, elle évite les débats sur chaque pièce suivante. Le but est un poids *visuel* égal, ce qui est rarement une taille mesurée égale : un logotype large et un symbole compact demandent des hauteurs différentes pour paraître équilibrés. 1. **Utilisez les fichiers validés de chaque marque** Demandez des SVG et la charte du partenaire. Ne redessinez, ne recolorez et n’étirez jamais le logo de quelqu’un d’autre. 2. **Choisissez un séparateur** Un fin filet vertical, un signe de multiplication (×) ou le mot « avec ». Le × se lit comme une collaboration d’égal à égal ; « avec » ou « présenté par » signale un hôte. 3. **Équilibrez à l’œil** Mettez les logos à l’échelle jusqu’à ce qu’ils paraissent du même poids. Les logotypes sont en général moins hauts que les symboles. 4. **Fixez une zone de protection commune** Appliquez la plus grande des deux zones de protection des marques autour de toute l’association. 5. **Convenez de l’ordre** L’hôte ou l’initiateur en premier est la convention habituelle. Mettez-le par écrit pour qu’il ne s’inverse pas d’une pièce à l’autre. 6. **Faites des versions claire et foncée** Les deux logos chacun en une couleur, pour les fonds sombres et clairs. [Les déclinaisons de logo](https://gradiently.design/fr/guide/logo-variations) présentent les versions que fournissent la plupart des marques. ```text [ LOGO A ] × [ LOGO B ] └── même poids visuel ──┘ zone de protection = la plus grande règle entre A et B, de chaque côté séparateur = trait fin, ×, ou « avec » / « présenté par » ordre = hôte ou initiateur en premier couleur = chaque logo en aplat, pour fond clair ou sombre ``` Une spécification d’association de logos à coller dans un brief de partenariat et à valider avant de concevoir. Une fois validée, exportez l’association de logos en fichier à part, dans ses deux versions de couleur, et partagez-la avec le partenaire. Chaque pièce suivante utilise alors le même fichier au lieu d’être reconstruite par la personne qui conçoit ce jour-là. ## Choisir le look qui mène Deux [langages visuels](https://gradiently.design/fr/guide/visual-brand-language) complets sur un même support se battent. Choisissez-en un pour mener et laissez l’autre apparaître via l’association de logos et peut-être une couleur d’accent. Pour une vraie collaboration, envisagez une troisième option : un look créé rien que pour le partenariat, que les deux audiences découvrent comme nouveau. - Café : expresso: #1a1714 - Café : crema: #c8a27a - Commun : os: #efe8dc - Céramiste : bleu émail: #2f5d73 - Céramiste : céladon: #8fb3c2 Une palette partagée pour une collaboration entre un café et une céramiste : chaque marque garde ses couleurs signature, réunies par un neutre qui convient aux deux. Un post Instagram portrait annonçant une collaboration entre un café et un atelier de céramique, avec les deux noms reliés par un signe de multiplication Une annonce de collaboration sur un look créé pour le partenariat, avec les deux noms à poids égal. La même annonce de collaboration en story verticale, avec les deux noms et le fond partagé La même pièce en story, que les deux marques peuvent partager depuis leurs propres comptes. Une surface distincte pour la collaboration, c’est ce qui lui donne l’allure d’un événement plutôt que d’une pub. [L’identité d’événement](https://gradiently.design/fr/guide/event-branding) applique la même idée aux occasions uniques, et [la texture de marque](https://gradiently.design/fr/guide/brand-texture) explique comment une matière seule peut porter un look. ## Les posts de partenariat sur les réseaux sociaux Les posts collaboratifs d’Instagram permettent à un même post d’apparaître sur les profils des deux marques, en partageant likes et commentaires. Le design du post compte donc doublement, puisqu’il s’affiche dans deux grilles différentes. Concevez-le pour qu’il ait sa place à côté des posts récents des deux marques, ou pour qu’il paraisse clairement spécial sur les deux. ### À éviter - Deux styles de marque complets sur un même support - Un logo nettement plus grand par accident - Recolorer le logo du partenaire pour l’assortir - Une association de logos différente sur chaque post - Un texte si petit qu’il disparaît dans une des grilles ### À faire - Un look qui mène, l’autre dans l’association de logos - Des logos équilibrés à l’œil, puis figés - Chaque logo dans ses couleurs validées ou en une couleur unie - Une seule association de logos réutilisée partout - Un titre lisible à la taille de la grille Convenez aussi des formats dès le départ : un post 1080×1350, une story 1080×1920 et, pour les événements, une couverture d’événement Facebook 1920×1005. [Le design de post d’annonce](https://gradiently.design/fr/guide/announcement-post-design) propose des mises en page adaptées aux nouvelles de partenariat. ## Le brief de co-branding : s’accorder avant de concevoir - Qui conçoit, qui valide de chaque côté, et combien de tours de modifications. - L’ordre des logos, le séparateur et les fichiers de l’association de logos. - Le look qui mène, et les couleurs de chaque marque qui peuvent apparaître. - Les mots : le nom de la collaboration, les hashtags et qui est crédité comment. - Les formats, les tailles et les dates de remise de chaque pièce. Dans Gradiently, un même compte peut gérer plusieurs marques, si bien que votre look et celui de la collaboration cohabitent sans mélanger les kits. Avec Pro, vous pouvez inviter un partenaire dans un espace de travail d’équipe comme éditeur ou lecteur, et les commentaires sur les créations gardent les retours au même endroit au lieu de les disperser dans les e-mails. Un Mark réservé pour la collaboration lui donne une surface qu’aucune des deux marques n’a encore utilisée. ## FAQ ### Qu’est-ce que le co-branding en design ? C’est concevoir une pièce unique, comme un produit, un post ou un événement, qui porte deux marques tout en gardant chacune reconnaissable. ### Comment associer deux logos ? Construisez une association : les deux logos à poids visuel égal, séparés par un filet fin, un × ou le mot « avec », avec une zone de protection commune autour de la paire. ### Quel logo passe en premier dans un co-branding ? En général l’hôte ou la marque à l’origine du partenariat. Convenez-en par écrit pour que l’ordre reste le même sur chaque pièce. ### Puis-je changer la couleur du logo d’un partenaire pour l’assortir à mon design ? Seulement si sa charte le permet. La plupart autorisent une version monochrome sur fond clair ou foncé, mais pas une recoloration sur mesure.