RATaV - Charte graphique

Charte graphique
mode d'emploi

Cinq couleurs, deux typographies, 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 · v3 · octobre 2026
01

Le 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.

RATaV

La seule graphie correcte. Trois capitales, un « a » minuscule, un « V » capital. Elle reprend la structure du logotype, où le « av » est plus petit.

RATAV

Tout en capitales. C'est l'erreur la plus fréquente, y compris dans les anciens fichiers.

Ratav

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.

02

Cinq couleurs. Pas une de plus.

Trois couleurs de structure, deux accents, un froid et un chaud. 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.

Primaire · texteBleu
Nuit
#124060
C81 M33 J0 N62 · R18 V64 B96
Tout le texte, tous les titres, les aplats pleine page. Il remplace le noir.
FondCrème
Papier
#FBF6EE
C0 M2 J5 N2 · R251 V246 B238
Le fond par défaut. Jamais de blanc pur, c'est ce qui donne la chaleur.
AppuiTeal
Terroir
#027886
C99 M10 J0 N47 · R2 V120 B134
Liens, sous-titres, filets, seconds aplats, pages de section.
Accent froidFluo
#FAFB00
C4 M0 J100 N2 · R250 V251 B0
7 % de la surface maximum. Surlignage, boutons, chiffres-clés.
Accent chaudOrange
Vermillon
#E85D3F
C0 M60 J73 N9 · R232 V93 B63
La terre du nom : brique, terre cuite, sol retourné. Aplats et formes de l'événementiel. Une surface, jamais une écriture.

Le fluo, le signal. Presque l'opposé du bleu nuit, il marche dans les deux sens (9,8:1) : c'est la seule couleur qui soit à la fois un fond et une écriture.

L'orange, la terre. Le « Terre » d'Aliment-Terre : brique, terre cuite, sol retourné. Un ton moyen (3,2:1 au mieux) : une surface ou un grand titre, jamais un paragraphe.

Où l'employerAffiches et posts d'événement, bandeaux, pastilles de date, pictos, traits épais, duotone photo bleu nuit / orange.
Un seul accent par supportLe fluo ou l'orange, jamais les deux. Fluo pour l'institutionnel, orange pour le festif. Le socle reste bleu nuit et crème.
JamaisTexte courant, liens, chapeaux, filets fins. Pour tout ça, c'est le teal. Et jamais d'orange au contact du teal.

L'effet surligneur - fluo dans le texte, orange dans les titres

Le RATaV fédère 120 acteurs du système alimentaire verviétois.

Fluo + bleu nuit (9,8:1) : le surligneur par défaut, lisible à toutes les tailles, y compris en texte courant.

La Régalade revient

Orange + crème (3,2:1) : uniquement sur un grand titre (25 px minimum), sur un support événementiel. Jamais dans un paragraphe.

Un seul surligneur par support, comme pour les accents : fluo ou orange.

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.

100 % · titres et texte principal
#124060 · 10,1:1
72 % · texte secondaire, chapeaux
#537388 · 4,7:1
45 % · légendes, mentions
#92A4AE · 2,4:1
16 % · filets, bordures, séparateurs
#D6D9D7
7 % · fonds de bloc, lignes de tableau
#EBE9E4
04

Typographie : Syne et Ravager

Deux familles. Syne porte les titres et le texte : ses graisses lourdes sont larges, rondes et un peu bancales, l'esprit du logotype. Ravager donne la voix de la baseline, des Titres 2 et des sous-titres, toujours en Regular.

Installer les polices, 1 minute. Ouvrez le dossier Polices de la charte, sélectionnez tous les fichiers, clic droit > Installer (sur Mac : double-clic > Installer). Redémarrez Word, Canva ou Illustrator.

Les variantes, et quand les utiliser

Alimentation locale
Syne Extrabold 800Titres fantaisie : affiches, accroches, chiffres-clés.
Interlignage 0,95 à 1,05
Approche -2 %
Jamais sous 25 px
Le système alimentaire verviétois
Syne Bold 700Titres 1, boutons.
Interlignage 1,1
Producteurs, mangeurs, territoire
Ravager Sans RegularBaseline du logo (en capitales), Titres 2, sous-titres. Toujours en Regular, souvent en Teal Terroir.
Rapport d'activité 2026 · Assemblée générale
Syne SemiBold 600Chapeaux, légendes importantes, en-têtes de tableaux.
Producteurs, transformateurs, distributeurs
Syne Medium 500Nuance discrète pour listes, menus et navigation web. Optionnel.
Le RATaV fédère les acteurs du système alimentaire de l'Arrondissement de Verviers, de la production à la consommation, pour construire une alimentation locale, durable et accessible.
Syne Regular 400Corps de texte, graisse par défaut.
11 pt papier / 16 px écran
Interlignage 1,55
Ligne de 60 à 75 signes
12.11.2026 - 18:30
VERVIERS · 04 87 55 20 10
Syne MonoDates, heures, coordonnées, numéros, codes couleur, mentions techniques.
Récolte
Syne TactileDécoratif, très expressif. Un seul mot par support. Réservé aux titres d'événements festifs. Interdit en institutionnel, illisible sous 28 px.

Échelle typographique de référence

NiveauAperçuVarianteÉcranPapier
FantaisieTitreSyne Extrabold 80025 px minimum19 pt minimum
Titre 1TitreSyne Bold 70032 à 48 px22 à 32 pt
Titre 2TitreRavager Sans Regular26 à 32 px16 à 20 pt
Sous-titreSous-titreRavager Sans Regular20 à 24 px13 à 15 pt
BaselineRéseau Aliment-TerreRavager Sans Regular, capitalesselon le logoselon le logo
ChapeauIntroductionSyne SemiBold 60018 à 20 px12 à 13 pt
CorpsTexte courantSyne Regular 40016 px10,5 à 11 pt
LégendeLégendeSyne Regular 40013 px8 à 9 pt
Donnée12.11.2026Syne Mono12 à 14 px8 à 9 pt

Règles de composition

À faireTitres 1 en Syne Bold, Titres 2 et sous-titres en Ravager Sans Regular, texte en Syne Regular. L'Extrabold est réservé à la fantaisie, jamais sous 25 px : plus petit, il s'écrase.
À faireResserrer l'approche à -2 % sur les gros titres en Extrabold. Sans ça, les grandes lettres rondes de Syne paraissent flotter.
À faireAligner à gauche, drapeau à droite. Le texte justifié crée des rivières blanches disgracieuses avec Syne.
À éviterRavager dans une autre graisse que le Regular, ou en texte courant. Les capitales sur plus d'une ligne en Extrabold : illisible.
À éviterLe faux gras et le faux italique des logiciels. Syne n'a pas d'italique : utilisez le SemiBold ou la couleur teal.
À éviterSyne Tactile pour autre chose qu'un mot unique de titre événementiel. C'est un condiment, pas un plat.

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;

05

Mise en page

Chaque support choisit un fond. Le reste (hiérarchie, liens, accents) se déduit automatiquement.

Fond crème · institutionnel
Rapport
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 %.

Télécharger
Fond bleu nuit · signature
Manger local,
ç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.

Rejoindre
Fond teal · respiration
Produire,
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.

Découvrir
Fond fluo · l'exception
120 acteurs
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.

S'inscrire
La Régalade
revient
Fond orange · le convivial

Événementiel, festif, gourmand. Grands titres en crème, à partir de 25 px / 19 pt. Le texte courant repasse sur crème ou bleu nuit, comme ici.

Je réserve

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, Bleu Nuit / Orange pour l'événementiel.

Couleurs réelles pour les produits, les plats et les personnes : c'est de l'alimentation, l'appétence compte.

Placement du logo

DocumentsEn haut à gauche, ou en pied de page à gauche. Une seule occurrence par page.
AffichesEn bas, centré ou aligné à gauche, avec la baseline. Taille : 1/6 à 1/4 de la largeur.
Réseaux sociauxEn bas à droite, petit. Il ne concurrence pas le message. Pour l'avatar, version carrée à fond plein.
RATaV · Réseau Aliment-Terre de l'Arrondissement de Verviers
Charte graphique v3 · octobre 2026 · Typographies Syne et Ravager · 5 couleurs, 5 nuances d'opacité, 0 gris à retenir