Charte graphique
mode d'emploi
Quatre couleurs, une typographie, un logo. Tout ce qu'il faut pour produire un support RATaV juste, et de quoi télécharger les fichiers directement depuis cette page.
Réseau Aliment-Terre de l'Arrondissement de Verviers · v2.1 · juillet 2026Le nom
Avant même le logo et les couleurs : le nom s'écrit d'une seule façon. C'est la règle la plus simple de la charte, et la plus souvent enfreinte, parce qu'elle contredit le réflexe de tout mettre en capitales.
La seule graphie correcte. Trois capitales, un « a » minuscule, un « V » capital. Elle reprend la structure du logotype, où le « av » est plus petit.
Tout en capitales. C'est l'erreur la plus fréquente, y compris dans les anciens fichiers.
En capitale initiale seulement. Ne jamais l'écrire ainsi, même en début de phrase.
Le nom complet
Réseau Aliment-Terre de l'Arrondissement de Verviers
Majuscules à Réseau, Aliment-Terre et Arrondissement. Le mot « administratif » ne fait pas partie du nom : les anciens documents qui portent « de l'arrondissement administratif de Verviers » sont à corriger au fil de leur mise à jour.
Le logo
Le logotype RATaV est un lettrage dessiné : formes rondes, épaisses, volontairement un peu bancales. Il ne se compose pas au clavier, on utilise toujours le fichier fourni, jamais une reconstitution.
Quatre déclinaisons, une par couleur de la palette
#124060 / #FBF6EEVersion par défaut. Documents, courriers, rapports.
#FBF6EE / #124060Version signature. Couvertures, affiches, réseaux sociaux.
#FBF6EE / #027886Intercalaires, encarts, fiches thématiques.
#FAFB00 / #124060Événementiel. La plus lisible de toutes : 9,8:1.
Le logo peut aussi se poser en bleu nuit sur fluo, même contraste de 9,8:1 dans l'autre sens. En revanche, jamais de teal sur bleu nuit (2,1:1) ni de crème sur fluo (1,1:1).
Format carré
Pour les photos de profil et tout ce qui exige un ratio 1:1. Le logo occupe 80 % de la largeur, centré : la marge de 10 % correspond à la zone de protection et absorbe le recadrage circulaire des réseaux sociaux.
#FBF6EE / #124060#124060 / #FBF6EE#FBF6EE / #027886#124060 / #FAFB00Zone de protection
Réservez autour du logo un espace vide égal à la hauteur de la lettre R, sur les quatre côtés. Aucun texte, aucune image, aucun bord de page ne doit y entrer. C'est la règle la plus souvent oubliée, et la plus visible quand elle ne l'est pas.
Tailles minimales
Écran
90 px de large.
En dessous, le « aV » devient illisible.
Imprimé
25 mm de large.
Cartes de visite, badges, étiquettes.
Grand format
Utilisez le SVG : vectoriel, aucune limite de taille, aucune pixellisation.
Ce qu'il ne faut jamais faire
DéformerNe jamais étirer ni comprimer. Redimensionnez en conservant les proportions (touche Maj enfoncée).
InclinerLe logo reste toujours horizontal. Pas de rotation, pas de perspective.
Crème sur fluo1,1:1, invisible. Sur fond fluo, le logo est en bleu nuit, jamais en crème.
Teal sur bleu nuit2,1:1, la seule combinaison interdite de la palette. Utilisez la crème ou le fluo.
Ajouter des effetsNi ombre portée, ni contour, ni relief, ni lueur. Le logo est un aplat, point.
Baisser l'opacitéPas de logo en filigrane. L'opacité sert aux gris de texte, jamais au logotype.
Le logo et la baseline
La mention complète, Réseau Aliment-Terre de l'Arrondissement de Verviers, se compose en Syne SemiBold, en capitales, alignée à gauche, calée sur le haut du « R », en Teal Terroir.
de l'Arrondissement
de Verviers
Les anciens fichiers utilisent un bleu vif #0058A9 pour cette baseline, et mentionnent « arrondissement administratif ». Les deux sont caducs : Teal Terroir et Arrondissement de Verviers.
Télécharger le logo
Chaque couleur est disponible en quatre fichiers : horizontal ou carré, vectoriel ou bitmap. Le SVG s'agrandit sans limite, privilégiez-le pour l'impression. Le PNG (2000 px) convient à Word, PowerPoint, Canva et aux réseaux sociaux.
Logo seul - sans fond, transparent
Le damier signale la transparence : ces fichiers n'ont aucun fond, ils se posent sur la couleur ou la photo de votre choix. C'est la version à utiliser dans neuf cas sur dix, à commencer par le bleu nuit.
Avatar - carré à fond plein, pour les réseaux sociaux
Ici le fond fait partie de l'image. À réserver aux photos de profil, où la transparence produirait un carré blanc ou noir selon la plateforme.
Si les boutons ne réagissent pas, c'est que la page est ouverte dans un aperçu restreint : enregistrez le fichier HTML puis rouvrez-le dans un navigateur. Les 36 fichiers sont aussi fournis à part, dans le dossier logos.
Typographie : Syne
Syne a été dessinée en 2017 pour le centre d'art Synesthésie, à Saint-Denis. Ses graisses lourdes sont larges, rondes et un peu bancales, exactement l'esprit du logotype RATaV. Gratuite, libre (licence SIL Open Font), disponible sur Google Fonts.
Installer Syne, 2 minutes. Sur fonts.google.com/specimen/Syne, cliquez sur « Get font » puis « Download all ». Décompressez, sélectionnez tous les fichiers .ttf, clic droit → Installer. Faites de même pour Syne Mono et Syne Tactile, qui se téléchargent séparément. Redémarrez Word ou Canva ensuite.
Les sept variantes, et quand les utiliser
Interlignage 0,95 à 1,05
Approche -2 %
Jamais sous 20 px
Interlignage 1,1
11 pt papier / 16 px écran
Interlignage 1,55
Ligne de 60 à 75 signes
VERVIERS · 04 87 55 20 10
Échelle typographique de référence
| Niveau | Aperçu | Variante | Écran | Papier |
|---|---|---|---|---|
| Titre 1 | Titre | Extrabold 800 | 44 à 64 px | 28 à 40 pt |
| Titre 2 | Titre | Extrabold 800 | 30 à 36 px | 18 à 22 pt |
| Titre 3 | Titre | Bold 700 | 22 à 24 px | 14 à 16 pt |
| Chapeau | Introduction | SemiBold 600 | 18 à 20 px | 12 à 13 pt |
| Corps | Texte courant | Regular 400 | 16 px | 10,5 à 11 pt |
| Légende | Légende | Regular 400 | 13 px | 8 à 9 pt |
| Donnée | 12.11.2026 | Syne Mono | 12 à 14 px | 8 à 9 pt |
Règles de composition
Si Syne n'est pas disponible
Sur un poste où l'installation est impossible, utilisez dans cet ordre :
1. Poppins ou Archivo, les plus proches, gratuites
2. Verdana, présente partout, bonne largeur
3. Arial, dernier recours
Pour un e-mail ou une page web : font-family:'Syne','Poppins',Verdana,Arial,sans-serif;
Quatre couleurs. C'est tout.
Les nuances ne viennent pas de couleurs supplémentaires, mais de l'opacité. Il n'y a pas de gris dans cette charte : un gris, c'est du bleu nuit transparent. Et il n'y a pas de noir : le texte est en bleu nuit.
Nuit
Papier
Terroir
Pourquoi ce jaune. Il est à 133° du bleu nuit sur la roue chromatique, presque son opposé, et il fonctionne dans les deux sens : fluo sur bleu nuit et bleu nuit sur fluo donnent tous deux 9,8:1. C'est la seule couleur de la palette qui soit à la fois un fond et une écriture.
Les nuances : de l'opacité, pas des couleurs
Besoin d'un gris clair, d'un filet, d'un texte secondaire ? On baisse l'opacité du Bleu Nuit. Dans Word ou Canva, c'est le curseur de transparence ; les codes ci-dessous ne servent que si votre outil la refuse.
Contrastes
| Combinaison | Ratio | Texte courant | Grand titre |
|---|---|---|---|
| Bleu Nuit sur Crème | 10,1:1 | AAA | AAA |
| Crème sur Bleu Nuit | 10,1:1 | AAA | AAA |
| Fluo sur Bleu Nuit | 9,8:1 | AAA | AAA |
| Bleu Nuit sur Fluo | 9,8:1 | AAA | AAA |
| Crème sur Teal | 4,8:1 | AA | AAA |
| Teal sur Crème | 4,8:1 | AA | AAA |
| Fluo sur Teal | 4,7:1 | AA | AAA |
| Teal sur Bleu Nuit | 2,1:1 | Interdit | Interdit |
| Fluo sur Crème | 1,1:1 | Interdit | Interdit |
L'effet surligneur
Le RATaV fédère 120 acteurs du système alimentaire verviétois, de la production à la consommation.
Fluo en fond, bleu nuit par-dessus : 9,8:1. C'est l'usage le plus sûr et le plus efficace de cette couleur.
Mise en page
Chaque support choisit un fond. Le reste (hiérarchie, liens, accents) se déduit automatiquement.
d'activité 2026
Le système alimentaire verviétois en transition
Documents, courriers, dossiers de subvention. Titres en bleu nuit, sous-titres et filets en teal, mentions à 45 %.
ça se décide
ensemble.
Couvertures, affiches, réseaux sociaux. La combinaison la plus reconnaissable, et la seule où le teal n'apparaît pas, faute de contraste.
transformer,
partager.
Intercalaires, encarts, pages de section, fiches thématiques. Le teal aère un document long et sépare les chapitres sans changer de registre.
du système
alimentaire
Un chiffre, une date limite, un appel. Jamais un texte long : le fluo fatigue l'œil au-delà de quelques mots.
Réglages
Marges
A4 portrait : 20 mm minimum sur les quatre côtés, 25 mm en pied de page pour loger le logo.
Affiche ou bâche : marge égale à 1/12 de la largeur. Sur une A2 (42 cm), soit 3,5 cm.
Rythme d'espacement
Tous les blancs sont des multiples de 8 px (ou 4 mm à l'impression) : 8, 16, 24, 32, 48, 64.
L'espace au-dessus d'un titre est toujours plus grand que celui en dessous : c'est ce qui rattache le titre à son texte.
Grille et angles
12 colonnes, gouttière 16 px pour le web. 1 colonne centrée, 70 signes maximum, pour un rapport ou un courrier.
Arrondis : 12 px pour les blocs, 999 px pour les boutons. Jamais d'angles vifs sur les blocs de contenu.
Photos
Duotone Bleu Nuit / Teal pour les visuels institutionnels et les images d'ambiance.
Couleurs réelles pour les produits, les plats et les personnes : c'est de l'alimentation, l'appétence compte.