Charte graphique ANOR

Référentiel complet de la marque ANOR : couleurs, typographie, logo, composants et règles d'usage. Document de référence pour toute production interne et externe.

1. Palette de couleurs

La palette ANOR repose sur deux couleurs signatures et une gamme de neutres. Le contraste navy/gold structure toute communication.

Couleurs primaires

Navy ANOR — #090F1E — RGB 9, 15, 30 — CMJN 90, 85, 60, 75. Couleur principale, fonds, titres, structure.
Gold ANOR — #FFBA00 — RGB 255, 186, 0 — CMJN 0, 30, 100, 0. Accent, CTA, mises en valeur, planète et anneau du logo.

Neutres

Blanc — #FFFFFF — fond principal documents.
Gris 100 — #F5F6F8 — fonds secondaires, blocs.
Gris 300 — #D1D5DB — bordures, séparateurs.
Gris 500 — #6B7280 — texte secondaire, légendes.
Gris 700 — #374151 — texte courant alternatif.

Règles de combinaison

Texte navy sur fond blanc ou gris 100 : combinaison par défaut.
Texte blanc ou gold sur fond navy : sections d'emphase.
Le gold ne s'utilise jamais en aplat de fond pour de longs textes : réservé aux accents, CTA et à la signature planétaire du logo.
Ratio minimal navy/gold ≈ 80/20 dans toute production.

2. Typographie

Josefin Sans — Titres et signatures. Graisses utilisées : 500, 600, 700.

Lato — Corps de texte. Graisses utilisées : 300, 400, 700.

Échelle typographique

Usage	Police	Graisse	Taille	Interligne
H1	Josefin Sans	600	48 px	1.1
H2	Josefin Sans	600	32 px	1.2
H3	Josefin Sans	600	22 px	1.3
H4	Josefin Sans	500	18 px	1.4
Corps	Lato	400	16 px	1.6
Petit	Lato	400	14 px	1.5
Légende	Lato	300	12-13 px	1.4

3. Logo

Le logo ANOR associe le mot-marque "ANOR" en typographie fine à un élément signature : la lettre "O" remplacée par une planète cerclée d'un anneau gold. Cet anneau dépasse symboliquement la lettre, évoquant l'orbite, la trajectoire et l'écosystème — référence au positionnement d'ANOR comme tiers de confiance qui orchestre des écosystèmes ERP.

Version positive

Lettrage navy #090F1E, planète et anneau gold #FFBA00, sur fond clair (blanc ou gris 100). Version principale, à privilégier par défaut.

SVG	PNG

Version négative

Lettrage blanc, planète et anneau gold #FFBA00, sur fond sombre (navy ou photo sombre contrastée). Réservée aux sections d'emphase, couvertures et fonds chargés.

SVG	PNG

Formats disponibles

Fichier	Format	Usage
ANOR_LOGO_NOIR.svg	Vectoriel	Print, web haute définition, redimensionnement sans perte
ANOR_LOGO_NOIR.png	Bitmap transparent	Word, PowerPoint, signatures email, supports bureautiques
ANOR_LOGO_BLANC.svg	Vectoriel	Print et web sur fond sombre
ANOR_LOGO_BLANC.png	Bitmap transparent	Bureautique sur fond sombre
favico.ico	Icône multi-résolution	Favicon navigateur, raccourcis

Règle de choix du format

Privilégier systématiquement le SVG pour toute production où il est techniquement supporté (web, print professionnel, Illustrator, Figma).
Utiliser le PNG uniquement quand le SVG n'est pas accepté par l'outil (vieilles versions de Word, certains clients mail).
Ne jamais convertir un PNG en JPG : la transparence est essentielle pour le placement sur fond coloré.

Élément signature

L'anneau orbital gold autour du "O" peut être utilisé seul comme motif graphique secondaire (filets, séparateurs, marqueurs visuels), à condition de ne jamais détacher la planète de l'anneau dans une production officielle.

Zone de protection

Une marge minimale équivalente à la hauteur du caractère "A" du logo doit être respectée autour de celui-ci, sans aucun élément graphique ni texte dans cette zone. L'anneau orbital fait partie intégrante du logo : la zone de protection se mesure à partir de l'extrémité de l'anneau, pas de la lettre "R".

Tailles minimales

Print : 30 mm de largeur minimum (l'anneau perd en lisibilité en dessous).
Écran : 120 px de largeur minimum.
En dessous de ces seuils : utiliser uniquement la planète seule (icône) — voir section Favicon.

Placement

Tout document long format (note, étude, contrat) : logo en en-tête ET en page de garde.
Présentations : logo en pied de page sur chaque diapositive sauf couverture.
Email : signature normalisée avec logo aligné à gauche.
Site web : logo en haut à gauche du header sur toutes les pages.

À faire

Utiliser les fichiers vectoriels officiels (SVG) en priorité.
Respecter la zone de protection incluant l'anneau orbital.
Choisir la version (positive ou négative) selon le contraste du fond.

À ne pas faire

Étirer, déformer ou recolorer le logo.
Modifier la couleur de la planète ou de l'anneau (toujours gold #FFBA00).
Détacher l'anneau de la planète, ou la planète du mot "ANOR".
Ajouter des effets (ombre, contour, dégradé).
Placer le logo sur un fond photographique chargé sans fond plein de soutien.
Recréer le logo en retapant "ANOR" en Josefin Sans (le lettrage du logo est un tracé spécifique, pas une police).

4. Favicon et icône réduite

Pour les usages où le logo complet n'est pas lisible (favicon navigateur, avatar de profil, signature email réduite, app icon), une icône dédiée est utilisée : la planète gold avec son anneau, isolée.

Spécifications

Format : ICO multi-résolutions (16×16, 32×32, 48×48), PNG (192×192, 512×512) pour usages web et mobile.
Couleurs : planète et anneau gold #FFBA00 sur fond transparent ou navy selon support.
Cadrage : marge interne d'au moins 10 % autour de l'anneau.

Usages

Onglet navigateur du site anor-group.fr.
Avatar LinkedIn entreprise (variante avec fond navy carré).
Icône d'application (PWA, raccourcis bureau).
Signature email : version réduite à droite du nom dans certains formats compacts.

À ne pas faire

Utiliser l'icône comme substitut du logo complet sur un document officiel.
Modifier la rotation de l'anneau (l'inclinaison fait partie de l'identité).

5. Système d'espacement

Échelle d'espacement basée sur 8 px. Toutes les marges et paddings doivent être un multiple de cette base.

Token	Valeur	Usage
xs	4 px	Espacement inline, micro-ajustements
sm	8 px	Padding interne petits éléments
md	16 px	Padding standard, gap entre éléments liés
lg	24 px	Padding cartes, espacement paragraphes
xl	40 px	Espacement entre blocs
2xl	64 px	Espacement entre sections
3xl	96 px	Marges hero, séparation majeure

6. Composants

Boutons

Primaire (gold sur navy) : action principale, un seul par écran.
Secondaire (contour navy) : actions alternatives.
Fantôme (lien souligné) : actions tertiaires, navigation discrète.

Cartes

Coins arrondis 6 px, padding 24 px, bordure gris 300 ou fond gris 100. Toujours signées par un filet gold de 4 px de hauteur et 40 px de largeur en haut à gauche.

Filets et séparateurs

Les barres gold de 4 px de hauteur signent les blocs ANOR. Largeur typique 40 px. Toujours en haut à gauche d'une carte ou à gauche d'un titre H2.

7. Iconographie et imagerie

Icônes : style outline, épaisseur 1.5 à 2 px, coins arrondis. Bibliothèques recommandées : Lucide ou Heroicons (outline).
Photographies : visuels équipe, bureaux, postes de travail. Tons froids, contraste maîtrisé. Pas de stock photos évidentes.
Illustrations : éviter, sauf schémas techniques en navy/gold sur fond blanc.
Captures d'écran Odoo : toujours détourées, fond blanc ou gris 100, ombre portée discrète optionnelle.

8. Ton éditorial

La voix ANOR est directe, technique et factuelle. Pas de superlatifs marketing, pas de jargon creux.

À faire

Phrases courtes, vocabulaire métier précis.
Bénéfices business chiffrés quand possible.
Toujours écrire "Cyrille de Lambert".
"Contrats d'assistance technique/régie".