Ce paragraphe d'introduction est un texte de démonstration. Il n'a aucune valeur éditoriale réelle et existe seulement pour montrer la longueur de ligne confortable, la taille de police généreuse et l'interligne aéré prévus pour une lecture longue. Vous pouvez le remplacer par la véritable accroche de l'article une fois le gabarit validé.

On enchaîne avec un second paragraphe pour vérifier l'espacement vertical entre blocs. Le texte reste neutre et générique : rien ici ne doit être pris pour une vraie donnée client. La mesure typographique vise environ 68 caractères par ligne, ce qui reste agréable à lire sur écran comme sur mobile.

Un premier sous-titre pour structurer

Les titres de niveau deux découpent l'article en grandes sections. Ce texte de remplissage démontre comment un titre s'installe après un paragraphe, avec suffisamment d'air au-dessus pour marquer la rupture. Le contenu ci-dessous est purement illustratif.

Un sous-sous-titre pour les détails

Le niveau trois sert aux subdivisions plus fines. On y trouve souvent des explications ou des exemples. Voici un lien de démonstration pour montrer le style des liens dans le corps de l'article, ainsi qu'un passage en gras de démonstration.

Ceci est une citation de démonstration : un texte mis en exergue pour aérer la lecture et rythmer l'article. — Citation factice

Après la citation, on reprend le fil avec une liste à puces qui sert d'exemple de structure énumérée :

  • Premier point de démonstration, court et générique.
  • Deuxième point, pour vérifier l'espacement entre items.
  • Troisième point, avec un marqueur coloré à l'accent.
  • Quatrième point, histoire de tester une liste un peu longue.
Figure d'illustration de démonstration
Figure d'illustration insérée dans le corps de l'article (démo).

Un encadré et un bloc de code

Certains articles ont besoin d'attirer l'attention sur une note ou un avertissement. L'encadré ci-dessous montre ce style « callout » :

À retenir Ce bloc d'encadré est un exemple. Il met en valeur une information secondaire sans casser la lecture, avec un liseré coloré et un fond légèrement contrasté.

Enfin, pour les contenus techniques, un bloc de code monospace reste lisible sur fond sombre :

// exemple de code de démonstration
function saluer(nom) {
  return "Bonjour, " + nom;
}

Ce dernier paragraphe clôt l'article de démonstration. Remplacez l'intégralité de ce corps par le vrai contenu rédactionnel avant toute mise en ligne.