Corpus livre 54 blocs prêts à poser dans vos pages. Vous les insérez depuis une liste pendant que vous écrivez, comme on choisit un modèle de lettre. Aucune extension à installer, aucun composeur de pages à apprendre.
Chacun arrive avec sa notice, qui dit à quoi il sert et ce qu'il ne faut pas en faire. Et le jour où vous changez de Template, vos pages restent lisibles : ce sont des textes, pas des réglages enfermés dans un outil.
Ce que vous voyez ci-dessous est le rendu réel, sur ce site.
Les titres
Quatre niveaux, pour que le plan de la page se lise avant le texte.
Niveau 1
Le titre principal de la page. Il porte son filet sans qu'on ait rien à demander.
Le titre principal de la page
Niveau 2
Une grande section de la page. C'est le niveau par lequel commence le texte d'un article, puisque le titre de l'article occupe déjà le niveau 1.
Le titre de la section
Niveau 3
Une sous-partie, à l'intérieur d'une section de niveau 2.
Le titre de la sous-partie
Niveau 4
Le dernier niveau proposé. Au-delà, la page est probablement trop découpée : un lecteur ne suit plus un plan à cinq étages.
Le titre du paragraphe
Les ouvertures
La première chose que voit le visiteur : une promesse, et une action.
Centre avec bandeau
La même ouverture de page que Hero - Centre avec visuel, mais avec un bandeau : deux fois plus long, aussi haut. À préférer quand l'image raconte une largeur (une façade, une salle, un paysage) plutôt qu'un sujet.
Le titre qui dit ce qu'on trouve ici
Une phrase, deux au plus, qui disent à qui s'adresse le site et ce qu'on peut y faire.
Centre avec visuel
L'ouverture d'une page : un grand titre, une phrase, un visuel dessous. Le tout centré.
Le titre qui dit ce qu'on trouve ici
Une phrase, deux au plus, qui disent à qui s'adresse le site et ce qu'on peut y faire.
Centre
L'ouverture d'une page : un titre, une phrase, une action. Sans visuel.
Le titre qui dit ce qu'on trouve ici
Une phrase, deux au plus, qui disent à qui s'adresse le site et ce qu'on peut y faire.
Texte et colonne
L'accroche de la page d'accueil : le titre, le chapô, deux boutons, et une colonne étroite à droite. Huit colonnes sur douze pour le texte, quatre pour le côté, les deux retombent l'une sous l'autre en dessous de 62 rem.
Le titre de la page
Une phrase qui dit ce que le visiteur trouvera ici, et pourquoi cela le concerne. Deux ou trois lignes, pas davantage.
Titre et deux boutons
Le bloc d'ouverture d'une page : un titre, une phrase d'introduction, et deux boutons côte à côte. Sans image, c'est ce qui le distingue des autres héros.
Le titre qui porte la promesse
Une phrase, deux au plus, qui disent à qui s'adresse la page et ce qu'on peut y faire.
Action principale Action secondaire
Une précision courte sous les boutons : prix, durée ou condition. Retirez cette ligne si vous n'en avez pas.
Visuel a droite
Le même montage inversé : le texte à gauche sur cinq colonnes, le visuel à droite sur sept.
Le titre qui porte la promesse
Deux phrases qui disent à qui s'adresse la page et ce qu'on y trouve. C'est le seul endroit où l'on a l'attention pleine du visiteur.
Visuel a gauche
Le visuel à gauche sur sept colonnes, le texte à droite sur cinq : titre, phrase d'accroche, deux actions.
Le titre qui porte la promesse
Deux phrases qui disent à qui s'adresse la page et ce qu'on y trouve. C'est le seul endroit où l'on a l'attention pleine du visiteur.
Les appels à l'action
Un bouton, deux au maximum. Au delà, aucun ne ressort.
Bandeau action
Un bandeau d'appel à l'action en fin de page : un titre, une phrase, un bouton.
Bouton large
Sélectionnez d'abord le texte du lien dans l'article, puis choisissez ce bloc : le texte sélectionné remplacera celui de l'exemple. Pensez à corriger l'adresse.
Bouton principal
Sélectionnez d'abord le texte du lien dans l'article, puis choisissez ce bloc : le texte sélectionné remplacera celui de l'exemple. Pensez à corriger l'adresse.
Bouton secondaire
Sélectionnez d'abord le texte du lien dans l'article, puis choisissez ce bloc : le texte sélectionné remplacera celui de l'exemple. Pensez à corriger l'adresse.
Deux boutons
Deux boutons côte à côte, sur la même ligne. Le premier porte l'action qu'on attend du visiteur, le second une sortie de secours.
Deux tarifs
Deux formules côte à côte : un intitulé, un montant, une périodicité, ce qui est compris, un bouton. Deux niveaux d'adhésion, deux tarifs d'inscription, deux formules de service.
Formule simple
39 € par an
- Ce que la formule comprend
- Une deuxième chose comprise
- Une troisième chose comprise
Formule étendue
79 € par an
- Tout ce que comprend la formule simple
- Ce que cette formule ajoute
- Une deuxième chose ajoutée
Inscription lettre
Le formulaire d'inscription à une lettre d'information.
Les grilles
Deux, trois ou quatre colonnes, qui s'empilent toutes seules sur téléphone.
2 colonnes
Une rangée de la grille de Corpus : douze colonnes, la même que celle du gabarit. Les colonnes retombent l'une sous l'autre en dessous de 62 rem, vous n'avez rien à régler pour cela.
Première colonne
Le contenu de la première colonne.
Deuxième colonne
Le contenu de la deuxième colonne.
3 colonnes
Une rangée de la grille de Corpus : douze colonnes, la même que celle du gabarit. Les colonnes retombent l'une sous l'autre en dessous de 62 rem, vous n'avez rien à régler pour cela.
Première colonne
Le contenu de la première colonne.
Deuxième colonne
Le contenu de la deuxième colonne.
Troisième colonne
Le contenu de la troisième colonne.
6 atouts
Six entrées en deux rangées de trois, ajoutez-en ou retirez-en, la grille se réajuste. C'est le motif « fonctionnalités » : un titre court, deux lignes d'explication.
Premier atout
Deux lignes qui disent ce que cela apporte au visiteur.
Deuxième atout
Deux lignes qui disent ce que cela apporte au visiteur.
Troisième atout
Deux lignes qui disent ce que cela apporte au visiteur.
Quatrième atout
Deux lignes qui disent ce que cela apporte au visiteur.
Cinquième atout
Deux lignes qui disent ce que cela apporte au visiteur.
Sixième atout
Deux lignes qui disent ce que cela apporte au visiteur.
8 et 4 colonnes
Une rangée de la grille de Corpus : douze colonnes, la même que celle du gabarit. Les colonnes retombent l'une sous l'autre en dessous de 62 rem, vous n'avez rien à régler pour cela.
Le contenu principal
Deux tiers de la largeur : c'est ici que va le texte.
Cartes avec etat
Une rangée de cartes qui portent chacune un état : disponible, en cours, prévu. Utile pour un catalogue, une feuille de route, un suivi de dossiers, un programme.
Première entrée
Une ou deux phrases qui disent de quoi il s'agit.
Disponible
Deuxième entrée
Une ou deux phrases qui disent de quoi il s'agit.
En cours
Troisième entrée
Une ou deux phrases qui disent de quoi il s'agit.
Prévu
Comparaison en deux colonnes
Deux cartes face à face qui opposent deux situations : un avant et un après, un problème et sa réponse, l'ancienne procédure et la nouvelle.
Ce qui se passait avant
Décrivez la situation qu'on quitte, sans caricature : le lecteur l'a vécue, il verra tout de suite si vous exagérez.
Ce qui se passe maintenant
Décrivez la réponse sur le même point exactement, avec le même niveau de détail. C'est ce parallèle qui fait la démonstration.
Tuiles
Trois cartes côte à côte, une par tiers. Elles passent l'une sous l'autre sur écran étroit.
Une ou deux phrases qui disent ce qu'on trouve derrière le lien.
Une ou deux phrases qui disent ce qu'on trouve derrière le lien.
Une ou deux phrases qui disent ce qu'on trouve derrière le lien.
Les images
Texte et visuel, galeries, portraits, vidéo. Les proportions sont tenues.
Carte avec image
Le rectangle gris est un fichier du template (media/templates/site/corpus/images/). Remplacez-le par votre image avec le bouton Image de l'éditeur, n'y touchez pas dans le code source.
Le texte de présentation.
Galerie agrandissable
Une galerie de trois images qui s'agrandissent au clic, et depuis laquelle on passe d'une image à la suivante. Utile pour des captures d'écran, un reportage, un catalogue, des plans.
Galerie
Six vignettes sur trois colonnes.
Logos partenaires
Une bande de logos.
Mosaique
Quatre réalisations : une image, un titre cliquable, une ligne de description.
Portraits equipe
Une équipe : portrait, nom, fonction.
Fonction
Fonction
Fonction
Fonction
Texte et image a droite
Le rectangle gris est un fichier du template (media/templates/site/corpus/images/). Remplacez-le par votre image avec le bouton Image de l'éditeur, n'y touchez pas dans le code source.
Le titre de la rangée
Le texte qui accompagne l'image. Deux ou trois phrases : ce bloc annonce, il ne développe pas.
Texte et image a gauche
Le rectangle gris est un fichier du template (media/templates/site/corpus/images/). Remplacez-le par votre image avec le bouton Image de l'éditeur, n'y touchez pas dans le code source.
Le titre de la rangée
Le texte qui accompagne l'image. Deux ou trois phrases : ce bloc annonce, il ne développe pas.
Video integree
Une vidéo hébergée ailleurs, insérée dans la page. Remplacez l'adresse du src par celle de votre vidéo.
Les encadrés
Information, succès, avertissement, erreur, citation, témoignage.
Alerte avertissement
Une précaution à prendre avant d'aller plus loin.
Alerte erreur
Ce qui bloque, et ce qu'il faut corriger.
Alerte information
Un renseignement utile, qui n'appelle aucune action de la part du lecteur.
Alerte succes
La confirmation qu'une action a abouti.
Ce que ca ne fait pas
Un encadré qui énonce les limites : ce qu'un service, un dispositif ou un outil ne fait pas. Chaque limite porte son intitulé en gras et son motif.
Citation
Aucune classe à poser : dans le corps d'un article, la balise de citation reçoit le filet toute seule. C'est voulu, une classe saisie à la main ne survit pas à l'enregistrement.
Le texte cité.
Encadre mis en avant
Un encadré pour ce qui doit sortir du texte courant : un rappel, une condition, une date limite.
Temoignage avec portrait
Le rectangle gris est un fichier du template (media/templates/site/corpus/images/). Remplacez-le par votre image avec le bouton Image de l'éditeur, n'y touchez pas dans le code source.
La phrase que la personne a réellement dite. Deux ou trois lignes suffisent : au-delà, on ne la lit plus.
Les données
Des chiffres, un tableau, des étiquettes.
Chiffres cles
Trois chiffres avec leur libellé. Utile pour un rapport d'activité ou une page de présentation.
1 200 Personnes accompagnées en 2026
48 Communes couvertes par le dispositif
96 % De réponses en moins de trois jours
Chiffres verifiables
Trois chiffres, et sous chacun le moyen de le vérifier soi-même. Trois lignes, pas deux.
1 200 Personnes accompagnées en 2026
Chiffre issu du rapport d'activité 2026, page 12.
48 Communes couvertes par le dispositif
La liste complète est publiée sur la page du dispositif.
96 % De réponses en moins de trois jours
Mesuré sur les 340 demandes reçues au premier trimestre.
Etiquettes
Une liste d'étiquettes.
Fiche
Une fiche de caractéristiques : un intitulé à gauche, sa valeur à droite, un filet entre chaque ligne.
Tableau
Un tableau de données.
| Intitulé | Année | Valeur |
|---|---|---|
| Première ligne | 2025 | 1 240 |
| Deuxième ligne | 2026 | 1 386 |
Les questions fréquentes
Un accordéon utilisable au clavier, ou deux colonnes.
Accordeon
Des volets qui s'ouvrent et se ferment.
Le contenu du premier volet.
Le contenu du deuxième volet.
Deux colonnes
Une FAQ courte, en deux colonnes. Chaque question est un titre de niveau 3 : la page reste navigable au lecteur d'écran, qui saute de question en question.
La première question ?
La réponse, en deux ou trois phrases. Si elle en demande davantage, renvoyez vers une page dédiée plutôt que d'allonger la FAQ.
La deuxième question ?
La réponse, en deux ou trois phrases.
La troisième question ?
La réponse, en deux ou trois phrases.
La quatrième question ?
La réponse, en deux ou trois phrases.
Les pages entières
Sommaire, étapes numérotées, coordonnées : les pages qu'on refait à chaque site.
Coordonnees
Le bloc de coordonnées : adresse, téléphone, courriel, horaires.
Nous trouver
Nom de l'organisme12 rue de l'Exemple
75000 Ville
Nous joindre
Téléphone : 01 00 00 00 00
Courriel :
Ouvert du lundi au vendredi, de 9 h à 17 h.
Etapes numerotees
Une suite d'étapes, chacune numérotée. Utile pour une démarche, un mode d'emploi, une présentation en points.
-
Première étape
Ce qu'il faut faire, et ce qu'on obtient à la fin.
-
Deuxième étape
Ce qu'il faut faire, et ce qu'on obtient à la fin.
-
Troisième étape
Ce qu'il faut faire, et ce qu'on obtient à la fin.
Points cles avec visuel
Un visuel à gauche, une suite de points numérotés à droite. C'est le montage « caractéristiques » d'une page de présentation.
Le titre de la section
-
Le premier point
Deux ou trois phrases qui développent le point. Gardez la même longueur d'un point à l'autre : c'est ce qui donne le rythme.
-
Le deuxième point
Deux ou trois phrases qui développent le point. Gardez la même longueur d'un point à l'autre : c'est ce qui donne le rythme.
-
Le troisième point
Deux ou trois phrases qui développent le point. Gardez la même longueur d'un point à l'autre : c'est ce qui donne le rythme.
-
Le quatrième point
Deux ou trois phrases qui développent le point. Gardez la même longueur d'un point à l'autre : c'est ce qui donne le rythme.
Sommaire en deux colonnes
Une liste de liens sur deux colonnes, qui retombe sur une seule colonne en dessous de 62 rem. La liste est numérotée : l'ordre a un sens, et le lecteur d'écran l'annonce. Remplacez-la par une liste à puces si l'ordre est indifférent.
Sommaire
Les 42 tampons de Corpus.