Azur Fragrances

Charte graphique

Les règles d’identité visuelle d’Azur Fragrances : logo, couleurs, typographie, composants et images. Cette page est la référence pour toute communication de la maison, à l’écran comme sur papier.

Logo

Le logo se compose du monogramme et du nom de la maison, d’un seul tenant, en Bleu logo sur fond clair.

Zone de protection

Version complète, à partir de 600 px de large

Version petites tailles (traits renforcés), de 200 à 340 px

Sur fond sombre : version blanche

Espace de protection: Laisser autour du logo un espace libre au moins égal à la hauteur du monogramme. Aucun texte ni élément graphique ne doit y entrer.
Taille minimale: La version complète comporte un double filet fin : elle devient floue sous 600 px de large à l’écran. En dessous, utiliser la version petites tailles.
Couleurs: Bleu Azur sur fond blanc ou Brouillard ; blanc sur fond Bleu Azur, Bleu profond ou sur une photo sombre. Jamais d’autre couleur.
Interdits: Ne pas déformer, incliner, recolorer, ajouter d’ombre, de contour ou de dégradé, ni séparer le monogramme du nom.

TéléchargerLogo complet (SVG)Logo petites tailles (SVG)Logo 1200 px (PNG)

Couleurs

Un univers clair : le Bleu logo signe la maison, et l’interface décline une seule teinte, le Bleu Azur, du Bleu profond du pied de page jusqu’au Brouillard des fonds.

Cliquez une couleur pour copier son code.

Bleu logo#00428C · --logo
Couleur du logo et des icônes du site. Réservée à la signature de la maison, jamais aux textes ni aux fonds.
Bleu Azur#4D6B79 · --blue
Titres, liens, boutons, fond de la section Contact. Seule couleur d’accent du site.
Encre#2F4550 · --ink
Texte courant et survol des boutons.
Bleu profond#263A44 · --deep
Pied de page.
Ardoise#4F6875 · --ceo
Bande de citation du PDG.
Brume#94A6AE · --mist
Surtitres, légendes, liens secondaires.
Pâle#BECCD2 · --pale
Textes secondaires sur fond bleu, bordures actives.
Filet#DBE1E4 · --rule
Filets, bordures, séparateurs.
Brouillard#F3F6F7 · --fog
Fonds de sections alternés et encadrés.
Papier#FFFFFF · --paper
Fond principal ; texte sur les fonds bleus.

Contrastes : Bleu Azur, Encre et Bleu profond passent le niveau AA sur Papier et Brouillard ; Brume est réservée aux surtitres et légendes, en taille réduite et en capitales.

Typographie

Une seule famille pour tout le site : Jost, une linéale géométrique inspirée du Futura, servie par Google Fonts.

Surtitre13 px · 500 · 0.2 em · capitales · Brume

La maison

Titre de section30–44 px · 300 · 0.06 em · capitales · Bleu Azur

Ce que nous faisons

Sous-titre15 px · 500 · 0.16 em · capitales · Bleu Azur

Parfumerie fine

Accroche19 px · 300 · 1.65

Maison de parfums indépendante, Azur Fragrances crée sur mesure les compositions des grands noms.

Texte courant16 px · 400 · 1.7 · Encre

Fondée en 1978 au cœur de la région grassoise, la société est restée indépendante et familiale.

Aa300Light — titres, accroches, chiffres
Aa400Regular — texte courant
Aa500Medium — surtitres, sous-titres, boutons
Aa600Semibold — mise en avant dans le titre d’accueil

Essayez

Modifiez le texte et réglez la graisse, la taille et l’interlettrage.

Le parfum est notre passion

Graisse 300Taille 44 pxInterlettrage 0.06 emCapitales

Titres: Graisse Light, en capitales, interlettrage élargi. Pas de gras dans les titres, sauf la seconde ligne du titre d’accueil.
Textes: Regular 16 px, interligne 1.7, longueur de ligne limitée à 760 px.
Chiffres: Chiffres tabulaires pour les dates et chiffres clés.
Repli: Si Jost n’est pas disponible : Helvetica Neue, Arial, puis la linéale du système.

Composants

Les composants reprennent la même logique : formes simples, filets fins, une seule couleur d’accent.

1978Fondation au cœur de la région grassoise

Boutons: Pilule, libellé en capitales Medium 14 px avec interlettrage 0.12 em. Principal : fond Bleu Azur ; secondaire : contour seul. Au survol, le principal passe en Encre, le secondaire se remplit.
Filets: Séparateurs de 1 px en couleur Filet, au-dessus des listes et des chiffres clés.
Liens: Dans le texte : couleur Bleu Azur, soulignement décalé de 4 px. Dans le menu : trait de 1 px qui se déploie au survol.
Focus: Contour de 2 px en Bleu Azur, décalé de 3 px, sur tout élément interactif.

Images

Des images lumineuses, naturelles et sobres : fleurs, matières premières, gestes de création. La photo occupe tout le cadre ; le texte est toujours posé sur un fond net, jamais directement sur l’image.

Lumière: Lumière du jour, tons clairs, blancs légèrement chauds. Pas de filtre coloré ni de contraste forcé.
Sujets: Fleurs et végétaux de la région de Grasse, flacons et matières, laboratoires et savoir-faire. Pas d’image de banque générique.
Cadrages: Pleine largeur pour les bannières ; disques pour les produits et services ; les visuels sombres reçoivent un voile Bleu Azur à 86 %.
Vidéo: Même esprit que la photo ; lecture silencieuse, sous-titres si parole.

Grille

Une seule grille sur tout le site : chaque bloc part du même bord gauche, les colonnes sont égales et le rythme vertical est constant.

Largeur de grille: 1200 px · marges 32 px (20 px mobile)
Gouttière: 40 px (28 px sous 960 px)
Colonnes: 2, 3 ou 4 colonnes égales, même bord gauche
Espacement vertical: 72–128 px entre sections
Angles: Blocs à angles vifs · boutons en pilule (40 px) · photos produits en disque
Points de rupture: 1200 px (menu) · 960 px · 640 px

Ton

Azur Fragrances parle comme une maison : avec précision, chaleur et retenue. Le ton est celui d’un partenaire de confiance, pas d’une marque de luxe tapageuse.

Le parfum est notre passion

Vocabulaire: Maison, création, sur mesure, partenariat, savoir-faire. On écrit « Azur Fragrances », jamais « Azur » seul ni « AF ».
Phrases: Courtes, affirmatives, à la première personne du pluriel. Pas de superlatifs ni de points d’exclamation.
Majuscules: Titres en capitales par la mise en forme, jamais saisis en capitales. Les noms de gammes gardent leur graphie : Fine Fragrance, Home Care.
Langues: Chaque texte existe en français et en anglais, de même longueur et de même ton.