Explorer l'expérience ↗
Retour au centre d'aide
💎Croissance

Branding Avancé

Identité de prestige et astuces

Le branding sur Vitrin n'est pas seulement une question de couleurs. C'est l'art de créer une immersion totale pour vos clients — de votre logo à la police des descriptions produits.

→ Ouvrir les réglages de marque

IMPORTANT

PRO Toutes les options de personnalisation avancée sont réservées au Plan Pro.


Thèmes prédéfinis

Pas envie de partir de zéro ? Vitrin propose 8 thèmes prêts à l'emploi, conçus pour s'adapter à différentes identités de marque :

ThèmePaletteAmbiance
🥇 Doré ÉlégantOr chaud + blanc casséPremium, intemporel — le défaut Vitrin
🌑 Luxe SombreOr + noir profondDark mode raffiné, typographie Cormorant
⬜ MinimalisteNoir + gris + blancÉpuré, architectural, cartes carrées
🌿 NatureVert sauge + crèmeNaturel, doux, organique
🌸 Pastel RoséPêche + nudeRomantique, délicat, cartes très arrondies
🌊 Océan BleuBleu marine + cielFrais, géométrique, typographie Raleway
🍷 Bordeaux ChicBordeaux + vieux roseProfond, féminin, élégance française
🏺 TerracottaTerre cuite + linChaleureux, naturel, artisanal

Un clic applique le thème entier (couleurs + polices + style de cartes). Vous pouvez ensuite ajuster chaque paramètre individuellement.


Logo

Votre logo apparaît dans le header de votre catalogue public, sur les emails envoyés à vos clients, et sur les documents de facturation.

Uploader votre logo Cliquez sur Changer le logo et sélectionnez votre fichier. Formats acceptés : PNG, SVG, JPEG, WebP.

Conseils format :

  • Préférez un PNG transparent ou un SVG — un fond blanc dans votre logo cassera l'harmonie avec la couleur de votre header.
  • Votre logo doit être de haute résolution : il sera affiché jusqu'à 2× sur les écrans Retina.

Recadrer et ajuster Après l'upload, cliquez sur Ajuster le cadrage (ou directement sur l'aperçu du logo) pour ouvrir l'éditeur. Vous pouvez zoomer et recadrer précisément pour que votre logo respire sans être trop petit ni trop grand dans la bannière.


Typographie

La police de caractères est la "voix" de votre marque. Vitrin distingue deux rôles :

Police des titres — utilisée pour les noms de produits, les titres de catégories et les grands textes. Choisissez parmi 10 options :

PoliceStyleIdéale pour
LoraSerif classiqueUsage général, polyvalent — le défaut recommandé
Cormorant GaramondSerif haute coutureMarques très luxe, mode, joaillerie
Playfair DisplaySerif éditorialLuxe, lifestyle, magazines
DM Serif DisplaySerif moderneÉlégance contemporaine
EB GaramondSerif traditionnelArtisanat, noblesse, héritage
RalewaySans-serif géométriqueAérien, épuré, moderne
MontserratSans-serif polyvalentPolyvalent, professionnel
Josefin SansSans-serif minimalisteDesign graphique, épuré
CinzelSerif monumentalPrestige fort, événementiel haut de gamme
PoppinsSans-serif rondContemporain, accessible, tech

Police du corps — utilisée pour les descriptions, les prix et les textes courants. Choisissez parmi 6 options : Inter, Lato, Source Sans 3, Roboto, Open Sans, Nunito.

Conseil : Une police forte pour les titres et une police simple pour le corps suffisent à créer un rendu professionnel. Ne mélangez pas trop de styles.


Couleurs

Vitrin vous donne un contrôle total sur 6 couleurs :

CouleurRôleConseil
PrimaireBoutons d'action, liens, accentsVotre couleur signature — doit être contrastée sur fond blanc
SecondaireBoutons secondaires, contours, badgesSouvent plus neutre — gris chaud, beige, ton clair
Aa TitresNoms de produits, titres de sectionsFoncé sur fond clair (#2C2C2C), clair sur fond sombre (#F5F0E8)
Aa CorpsDescriptions, prix, textes courantsLégèrement plus clair que les titres pour créer une hiérarchie
Fond du catalogueArrière-plan de toute la pageBlanc pur (#FFFFFF) ou blanc cassé (#FAFAF8) pour un rendu luxe
🔝 HeaderBarre supérieure qui encadre le logoPeut différer de la couleur primaire — crée un cadre autour de votre logo

Chaque couleur dispose d'un sélecteur de couleur avec saisie hexadécimale pour entrer vos valeurs exactes (#B8954F, #1A1A1A…).

Tip : La couleur du header et la couleur primaire peuvent être différentes — utilisez-le pour créer un cadre élégant qui sublime votre logo sans que le header "crie" autant que les boutons.


Style des cartes produits

Choisissez le rayon des angles de vos fiches produits :

  • Doux — coins légèrement arrondis (12px), équilibre entre moderne et classique
  • Carré — angles droits, rendu minimaliste et architectural
  • Arrondi — coins très ronds (28px), atmosphère douce et friendly

🌄 Photo d'ambiance

Au-dessus de vos produits, vous pouvez placer une photo d'ambiance pleine largeur, avec le nom de votre marque et une phrase d'accroche. C'est la première chose que voit un visiteur : un atelier, une matière, une scène — pas une grille de prix.

  • Photo : privilégiez une image large et peu chargée au centre, le nom de votre marque venant se poser dessus.
  • Phrase d'accroche : une ligne, pas un paragraphe (« Créations artisanales depuis 1987 »).
  • Elle s'applique immédiatement, sans attendre une publication — contrairement au reste de la composition.

Vous la réglez ici, dans l'Apparence, ou directement depuis le composeur : c'est le même réglage aux deux endroits.

Composer votre catalogue →


Brand Scanner : importer votre identité en un clic

Si vous avez déjà un site web, le Brand Scanner IA peut extraire votre identité visuelle automatiquement — couleurs, polices, ambiance générale — et l'appliquer à votre catalogue Vitrin.

En savoir plus sur le Brand Scanner →


Conseils d'expert

  • Cohérence totale : Les photos de vos produits (sublimées par le Studio IA) doivent utiliser des tons qui s'accordent avec votre palette de couleurs.
  • Fond sombre : Si vous optez pour un fond sombre, passez aussi vos couleurs de titre et de corps en clair (#F5F0E8, #D4CFC7) — le thème "Luxe Sombre" est un bon point de départ.
  • Emails et factures : Votre branding est automatiquement repris sur les emails de notification et les documents de facturation. C'est cette continuité qui renforce la confiance de vos clients.
  • Au-delà des couleurs : une identité forte ne se joue pas qu'en réglages. L'ordre dans lequel votre page se déroule compte autant — voir Composer votre catalogue.
  • Moins c'est plus : Dans le luxe, l'espace vide est un signe de prestige. Ne surchargez pas — laissez vos visuels parler.