Bonjour ! Dans la leçon précédente, nous avons franchi une étape très concrète en mettant en place votre environnement de développement. Votre "atelier" est désormais prêt, avec VS Code installé et une structure de projet propre.
Aujourd'hui, nous revenons à la conception pour définir les piliers de l'identité visuelle de votre marque de parfum : sa palette de couleurs et sa typographie. L'objectif est de faire des choix précis et intentionnels qui traduisent l'élégance, le luxe et le minimalisme que vous visez. Ces décisions ne sont pas seulement esthétiques ; elles constituent le "système de design" de votre projet. En tant qu'étudiant en génie logiciel, vous pouvez voir cela comme la définition des constantes et des variables globales qui gouverneront l'apparence de toute votre application web.
1. La psychologie des couleurs dans le luxe
Avant de choisir des couleurs, il est essentiel de comprendre pourquoi certaines palettes évoquent le luxe et d'autres non. Il ne s'agit pas simplement d'utiliser du noir et du blanc. Le luxe moderne communique souvent par la subtilité, la retenue et la qualité perçue.
La vidéo suivante introduit bien cette idée de "valeur perçue" et de "confiance dans le design". Regardez le début pour saisir comment le minimalisme et l'espace négatif créent une sensation premium.
How to Build a Luxury Brand (Design Tips)
La créatrice de cette vidéo, Shirls, explique comment des éléments de design créent une impression de luxe. Concentrez-vous sur deux points : L'introduction sur la valeur perçue et la confiance dans le design. La section sur l'espace négatif (layout, spacing, and negative space), qui est un concept clé du minimalisme.
L'idée principale est que le luxe ne crie pas pour attirer l'attention. Il utilise l'espace et des choix délibérés pour signaler sa valeur.
L'article du Studio Almae, une agence de branding, approfondit cette notion en contexte francophone. Il démystifie le cliché "noir, blanc, or" et insiste sur l'importance de la précision.
Branding de luxe : les codes d'une marque premium | Studio Almae
Cet article explique ce qui différencie une véritable identité de luxe d'une simple imitation.
Lisez les sections intitulées "Palettes" et "Espace, vide, respiration". Notez comment l'auteur insiste sur le fait que chaque couleur doit avoir une intention et que l'espace est un luxe en soi.
2. Définir votre palette de couleurs
Maintenant que nous avons les principes, passons à la pratique. Votre objectif est de choisir une palette d'environ 4 à 5 couleurs, avec leurs codes hexadécimaux (par exemple, #000000 pour le noir pur).
L'article suivant, bien qu'en anglais, est une ressource exceptionnellement détaillée et pratique. Il liste les couleurs utilisées par les grandes marques, fournit des palettes prêtes à l'emploi et, surtout, propose une palette spécifique pour l'industrie du parfum.
Luxury Color Palette Guide: 15 Hex Codes Top Brands Use (2026)
Ce guide est une mine d'or pour choisir votre palette. Même si l'anglais est utilisé, les exemples visuels et les codes hexadécimaux sont universels.
Je vous invite à explorer ce guide. Concentrez-vous particulièrement sur ces sections : La palette recommandée pour "Perfume & Fragrance". Elle est directement applicable à votre projet. Le processus en 5 étapes "How to Choose". Il offre une méthode structurée pour créer une palette cohérente (ancre, accent, neutres). Notez les codes hexadécimaux de la palette qui vous intéresse le plus.
Pour votre projet de site de parfum, voici deux options très solides inspirées par les ressources :
Option A : Sensuelle et Profonde
Cette palette est directement tirée de la recommandation "Perfume & Fragrance" de l'article de Zoviz. Elle évoque la richesse, la sensualité et le prestige.
- Ancre : Bordeaux
(Cellar Burgundy - #6E1423) - Accent : Or rose
(Rose Gold - #B76E79) - Neutre 1 (fond) : Ivoire
(Ivory - #F4EADE) - Neutre 2 (texte) : Onyx (presque noir)
(Onyx - #0A0A0A)
Option B : Lumineuse et Élégante
Cette palette, illustrée ci-dessous, est plus claire et aérienne, jouant sur des tons neutres et sophistiqués avec une touche de couleur profonde pour le contraste.

- Ancre : Bleu velours
(Velvet - #222D50) - Accent : Champagne
(Champagne - #D0B68A) - Neutre 1 (fond clair) : Soie
(Silk - #EEESD9) - Neutre 2 (texte) : Onyx
(Onyx - #000000) - Neutre 3 (fond alternatif) : Marbre
(Marble - #E8E4E0)
Votre Tâche : Choisissez l'une de ces palettes ou composez la vôtre en suivant la méthode en 5 étapes. Notez les codes hexadécimaux, car nous les utiliserons très bientôt.
3. La typographie comme voix de la marque
Si les couleurs créent l'ambiance, la typographie donne une voix à votre marque. Dans le luxe, le choix des polices de caractères est tout aussi stratégique. On observe une tendance forte à la simplification, où des logos complexes et ornés ont été remplacés par des typographies sans-serif épurées et confiantes.

Ce qui compte, ce n'est pas tant le style (serif ou sans-serif) que la maîtrise. Une police bien utilisée, avec un espacement généreux et une hiérarchie claire, paraîtra toujours plus luxueuse qu'une police prétendument "chic" mais mal intégrée.
Branding de luxe : les codes d'une marque premium | Studio Almae
Retournons à l'article du Studio Almae pour ses conseils sur la typographie.
Lisez la section "Typographies". Retenez la règle d'or : pas plus de deux familles typographiques.
4. Sélectionner vos polices de caractères
Nous allons choisir deux polices sur Google Fonts, une immense bibliothèque de polices gratuites et optimisées pour le web.
- Police de Titres (Headline): Elle doit avoir de la personnalité et capter l'attention. C'est elle qui donne le ton.
- Police de Paragraphe (Body): Sa priorité absolue est la lisibilité, même en petite taille. Elle doit être discrète et confortable à lire.
Voici deux approches pour votre projet :
Approche 1 : Contraste Classique (Serif + Sans-serif)
C'est une combinaison intemporelle et élégante.
- Titre (Serif) : Cormorant Garamond ou Playfair Display. Ces polices ont des empattements fins et élégants, parfaits pour un style éditorial et luxueux.
- Paragraphe (Sans-serif) : Montserrat, Lato ou Inter. Ces polices sont très lisibles, modernes et possèdent de nombreuses graisses (light, regular, bold), ce qui les rend très polyvalentes.
Approche 2 : Minimalisme Moderne (Sans-serif uniquement)
Cette approche, très en vogue, utilise une seule famille de polices sans-serif pour tout le site. La hiérarchie est créée non pas en changeant de police, mais en jouant sur la taille, la graisse (poids) et la couleur.
- Titre et Paragraphe (Sans-serif) : Inter ou Montserrat. Vous utiliseriez par exemple
Inter Lighten grande taille pour un titre principal, etInter Regularen plus petite taille pour le corps du texte.
Votre Tâche :
- Rendez-vous sur Google Fonts.
- Explorez les polices suggérées ci-dessus.
- Faites votre choix : une police pour les titres et une pour les paragraphes (qui peuvent être la même dans l'approche 2). Notez leurs noms.
Conclusion
Excellent travail ! Vous venez de définir le cœur de l'identité visuelle de votre site. Ces choix, loin d'être anodins, vont guider toutes nos prochaines étapes de design et de développement.
Pour résumer, voici ce que vous avez accompli :
- Vous avez compris les principes de design couleur et typographique propres au secteur du luxe.
- Vous avez défini une palette de couleurs précise, avec ses codes hexadécimaux.
- Vous avez choisi un couple de polices de caractères qui servira de voix à votre marque.
Dans la prochaine leçon, nous entrerons dans le Module 2 et commencerons le travail sur Figma. Nous utiliserons les couleurs et les polices que vous venez de choisir pour définir les parcours utilisateurs et créer les premiers wireframes de votre site. Vous verrez alors comment ces éléments de branding prennent vie pour former une expérience utilisateur cohérente.