✍️ Créer une charte typographique simple

Introduction

Une charte typographique définit les règles d’écriture et de mise en forme pour harmoniser les documents d’une organisation (emails, supports de cours, sites web).
Elle permet d’assurer cohérence, lisibilité et professionnalisme.

Cette fiche t’explique comment construire une charte simple, utilisable par tous.

(📥 Télécharge la fiche en PDF en bas de page)

Étape 1 – Choisir les polices principales

• Titre → police impactante mais lisible (ex. Montserrat, Poppins, Arial Black).

• Texte courant → police simple, adaptée à l’écran et à l’impression (ex. Arial, Calibri, Open Sans).

• Maximum 2 polices différentes pour éviter la surcharge.

✅ Astuce : si besoin d’accent visuel, joue sur gras/italique, pas sur une troisième police.

Étape 2 – Définir la hiérarchie des titres

• H1 (Titre principal) → 20–24 pts, gras.

• H2 (Sous-titre) → 16–18 pts.

• H3 (Sous-sous-titre) → 14–16 pts, italique possible.

• Texte courant → 11–12 pts.

⚠️ Erreur fréquente : utiliser le gras ou la couleur à outrance → limite la lisibilité.

Étape 3 – Fixer les règles de mise en forme

• Paragraphes : alignés à gauche, pas de justifié (moins lisible sur écran).

• Interlignes : 1,15 ou 1,5 pour aérer le texte.

• Listes : privilégier puces ou numéros, pas de tirets aléatoires.

• Citations : retrait ou italique pour les différencier.

Étape 4 – Définir les règles d’écriture

• Toujours écrire les dates au format clair : 27 août 2025 (pas 27/08/25).

• Respecter les majuscules aux noms propres (Instituts, Villes, Entreprises).

• Éviter les abréviations non expliquées.

• Uniformiser les sigles : première mention en toutes lettres + sigle entre parenthèses.

Étape 5 – Mettre en page et partager la charte

• Rédige la charte en 2–3 pages maximum.

• Ajoute des exemples visuels (titres, paragraphes, listes).

• Diffuse-la en PDF auprès de l’équipe, formateurs ou apprenants.

Résumé rapide (Check-list)

• Choisir 2 polices max (titres + texte).

• Définir hiérarchie titres H1 → H3.

• Fixer règles de mise en forme (paragraphes, interlignes, listes).

• Uniformiser règles d’écriture (dates, sigles, abréviations).

• Rédiger et partager la charte (PDF).

(📥 Télécharge la version PDF de la check-list)

Aller plus loin

• 🔗 Google Fonts – Bibliothèque de polices gratuites

• 🔗 W3C – Bonnes pratiques typographiques web

• 🔗 Nos formations Designer Web – IFPA.pro

• 🔗 Formations Poitiers – IFPA86.fr

• 🔗 Blog Benjamin Duplaa – Communication et design pédagogique