Tu cherches le logo Shopify. La plupart du temps, c'est pour une de ces raisons : afficher un badge « propulsé par Shopify » sur un site, illustrer une présentation, ou intégrer la marque dans un visuel. Voici où trouver le fichier officiel, les couleurs exactes, les formats à utiliser sur le web, et la façon de l'afficher sans enfreindre les règles de marque de Shopify.
Où télécharger le logo officiel
Shopify met ses logos à disposition sur sa page de ressources de marque, à l'adresse shopify.com/brand-assets. Tu y trouves trois familles :
- Le logo principal : le sac de courses (le « brandmark ») accompagné du nom en italique, en couleur.
- La version inversée : le nom en blanc, pensée pour les fonds sombres.
- Les versions monotones : noir ou blanc, pour l'impression en une seule couleur ou les fonds chargés.
Télécharge toujours depuis cette source. Les versions qui traînent sur Google Images sont souvent l'ancien logo, déformées ou en basse résolution. Shopify a changé de marque, et une vieille version te trahit immédiatement.
Les couleurs officielles du logo Shopify
Le vert emblématique du logo, c'est le #95BF47. La marque l'accompagne d'un vert plus foncé pour les contrastes et les déclinaisons, et du noir et blanc pour les versions monotones.
| Couleur | Hex |
|---|---|
| Vert Shopify | #95BF47 |
| Vert foncé | #5E8E3E |
| Noir | #000000 |
| Blanc | #FFFFFF |
Si tu reproduis la teinte à la main, pour un bouton ou un badge, pars du #95BF47. Évite de piocher une couleur approximative dans une capture d'écran : le rendu varie d'un écran à l'autre, et tu finis avec un vert qui jure à côté du vrai.
Quel format utiliser sur le web
Pour un site, le SVG est presque toujours le bon choix. C'est un format vectoriel : il reste net à toutes les tailles, du favicon au grand écran haute densité, et il pèse quelques kilo-octets. Le PNG, lui, t'oblige à figer une résolution, et un PNG assez grand pour rester net sur mobile haute densité pèse vite dix fois plus lourd qu'un SVG équivalent.
Ma règle sur les thèmes que je code : SVG en ligne (inline) pour les logos visibles dès le chargement, ce qui évite une requête réseau de plus. Le poids d'un logo paraît anecdotique, mais multiplié par chaque page et chaque visiteur, ça pèse dans le budget de performance que je surveille. J'ai détaillé ce raisonnement dans mon article sur la vitesse d'une boutique Shopify.
Les règles d'usage à respecter
Shopify encadre l'usage de son logo. Les points à connaître :
- N'utilise pas l'ancien logo.
- N'isole pas le nom (le « wordmark ») tout seul.
- Ne l'étire pas, ne le compresse pas, ne le fais pas pivoter.
- Pas de dégradé, pas d'ombre portée.
- Ne l'empile pas verticalement et ne crée pas ta propre variante.
- Laisse-lui une zone de respiration autour, et respecte les tailles minimales : 80 pixels en digital, 28 mm en impression.
- Évite les fonds chargés ou peu contrastés. Sur fond sombre, prends la version inversée ou la monotone blanche.
Le principe qui résume tout : le logo doit rester lisible et identifiable d'un coup d'œil. Dès que quelqu'un hésite sur ce qu'il regarde, c'est raté.
Le badge « Powered by Shopify » dans ton thème
Si ton objectif, c'est de montrer que ton site tourne sous Shopify, le thème gratuit en pose déjà un en pied de page (« Propulsé par Shopify »). Tu peux le retirer ou le personnaliser depuis l'éditeur de thème, c'est un réglage standard.
Pour un badge sur mesure (page partenaire, mention « intégré à Shopify »), reprends le logo officiel en SVG, garde les couleurs et l'espace réglementaires, et lie-le vers shopify.com. C'est un détail, mais c'est le genre de finition qu'on remarque sur une boutique soignée. Tu en verras d'autres dans ma sélection de boutiques Shopify qui inspirent.
En résumé
Le logo officiel se télécharge sur shopify.com/brand-assets, le vert de référence est le #95BF47, et sur le web tu privilégies le SVG. Le reste, c'est du bon sens de marque : ne le déforme pas, laisse-lui de l'air, garde-le lisible.
Le logo n'est qu'un petit bout de l'image d'une boutique. Si tu veux que tout le reste suive (vitesse, design, finitions qui inspirent confiance), c'est exactement ce que je travaille sur les sites que je reprends. Tu peux voir mes réalisations dans la section portfolio.
