AMSODE — retour à l'accueil
Charte française / 04 · Couleurs & typographie
Chapitre 04 · Identité et composition

Deux couleurs.
Une identité reconnaissable.

Le bleu et le vert forment la signature chromatique AMSODE. Leurs usages, complétés par une typographie lisible, permettent de composer des supports cohérents sans concurrencer le message humain.

01 · Palette institutionnelle

Le bleu et le vert AMSODE.

Ces deux références sont celles du logo officiel. Les couleurs de service présentées plus bas ne sont pas des couleurs supplémentaires du logo.

Bleu AMSODEPRINCIPAL
#0099CC · RGB 0 / 153 / 204

Repères, aplats, visuels numériques, titres de grande taille et éléments identitaires.

Vert AMSODECOMPLÉMENTAIRE
#99CC33 · RGB 153 / 204 / 51

Accent, ligne, repère, surlignage mesuré et identification complémentaire.

Règle : ne jamais recolorer les logos officiels à partir de ces valeurs. Toujours utiliser les PNG fournis dans le chapitre Logo.
02 · Lisibilité et interfaces

Des couleurs de service, pas de nouveaux logos.

Les neutres organisent les textes, les pages et les séparateurs. Le bleu foncé sert aux petits textes nécessitant un meilleur contraste.

Texte principal#15323D · interface
Bleu de lecture#005B7C · liens et petits textes
Fond secondaire#F4F8FA · composition
Blanc#FFFFFF · espaces et contraste
Lisibilité : le vert institutionnel est un accent graphique : ne pas l'utiliser seul pour des phrases sur fond blanc. Le bleu institutionnel reste réservé aux grandes surfaces ou éléments bien contrastés ; les petits textes utilisent le bleu foncé de lecture.
03 · Équilibre

La couleur guide la lecture.

Le bleu identifie AMSODE, le vert marque une information choisie. Les espaces blancs permettent aux photographies et aux textes de rester prioritaires.

01 / PRIMAUTÉDonner la priorité au message.

Limiter les grands aplats à une zone utile et garder une composition respirante.

02 / ACCENTEmployer le vert avec intention.

Le vert souligne un repère ou une étape, sans devenir une couleur permanente de texte courant.

03 / CONTINUITÉRépéter les mêmes codes.

Sur les rapports, présentations, supports terrain et numériques, maintenir une hiérarchie visuelle stable.

04 · Typographie

Une voix visuelle lisible.

Présentation des familles citées dans les documents de référence AMSODE, avec un traitement spécifique pour la lecture de cette charte en ligne.

Communication · Titres

Proxima Nova

Agir ensemble.

Référence graphique historique pour les titres et messages visuels. Si elle n'est pas disponible sur l'appareil, un substitut système est affiché.

Communication · Textes secondaires

Lato

Une identité humaine.

Police secondaire mentionnée dans les références ; adaptée aux légendes, blocs courts et interfaces lorsque les fontes sont autorisées.

Bureautique · Système

Arial et Calibri

Clarté et cohérence.

Familles de remplacement pour les courriers, modèles Word, tableaux et outils internes. Les usages exacts doivent être harmonisés lors de la validation des gabarits.

Lecture de la charte · Édition

Times New Roman

Une lecture confortable.

Police de composition de cette édition du Brand Book, choisie pour la lecture du contenu ; elle ne remplace pas le dessin des logos ou les polices des supports existants.

Références typographiques : La lecture de la charte utilise Times New Roman. Les modèles Word et PowerPoint conservent leurs propres paramètres typographiques. Proxima Nova et Lato figurent parmi les références graphiques historiques ; Arial et Calibri sont des options bureautiques. Toute substitution dans un modèle officiel doit respecter le gabarit approuvé.
05 · Hiérarchie éditoriale

Du titre à la légende.

Une échelle adaptée au portail, destinée à éviter les textes minuscules. Les tailles finales sont ajustées selon le support et la distance de lecture.

Grand titre · 70 px maximum
La force du collectif.
Titre de section · 36 px
Une communication claire.
Introduction · 24 px
Les personnes et les communautés sont au cœur de notre action.
Corps de texte · 19 px
Le contenu doit pouvoir être lu confortablement sur ordinateur et sur mobile, avec un interligne généreux et une largeur de paragraphe maîtrisée.
Légende · 14 px
Document institutionnel · exemple de légende descriptive et de source photographique.

Chapitre suivant : système graphique.

Découvrir les dix pictogrammes, les compositions, les chiffres clés et les exemples CSS réutilisables.

Voir le chapitre 05 →