Corpus ships 54 blocks ready to drop into your pages. You insert them from a list while you write, the way you pick a letter template. No extension to install, no page builder to learn.
Each one comes with its own note, saying what it is for and what not to do with it. And the day you change template, your pages stay readable: they are text, not settings locked inside a tool.
What you see below is the real rendering, on this site.
One caveat. The blocks themselves are supplied in French. The placeholder wording is translated here so that the page reads, but until the blocks are localised the editor will insert the French wording, which you then replace with your own text.
Headings
Four levels, so the outline of the page reads before the text does.
Level 1
The main heading of the page. It carries its rule without your asking for anything.
The main heading of the page
Level 2
A major section of the page. This is the level an article body starts at, since the article title already holds level 1.
The section heading
Level 3
A subsection, inside a level 2 section.
The subsection heading
Level 4
The last level offered. Beyond it the page is probably cut too fine: a reader stops following a five-storey outline.
The paragraph heading
Page openings
The first thing a visitor sees: a promise, and an action.
Centred with a banner
The same page opening as Centred with a picture, but with a banner: twice as wide, the same height. Prefer it when the image tells a width, a facade, a room, a landscape, rather than a subject.
The heading that says what you will find here
One sentence, two at most, saying who the site is for and what can be done here.
Centred with a picture
A page opening: a large heading, one sentence, a picture below. All centred.
The heading that says what you will find here
One sentence, two at most, saying who the site is for and what can be done here.
Centred
A page opening: a heading, one sentence, one action. No picture.
The heading that says what you will find here
One sentence, two at most, saying who the site is for and what can be done here.
Text and side column
The home page opener: heading, standfirst, two buttons, and a narrow column on the right. Eight columns out of twelve for the text, four for the side, and the two stack below 62 rem.
The page heading
A sentence saying what the visitor will find here, and why it concerns them. Two or three lines, no more.
Heading and two buttons
The opening block of a page: a heading, an introductory sentence, and two buttons side by side. No image, which is what sets it apart from the other openings.
The headline that carries the promise
One sentence, two at most, saying who the page is for and what can be done here.
Primary action Secondary action
A short detail under the buttons: price, duration, or a condition. Remove this line if you have none.
Picture on the right
The same arrangement mirrored: text on the left over five columns, picture on the right over seven.
The headline that carries the promise
Two sentences saying who the page is for and what it holds. This is the one place where you have the visitor's full attention.
Picture on the left
The picture on the left over seven columns, the text on the right over five: heading, opening line, two actions.
The headline that carries the promise
Two sentences saying who the page is for and what it holds. This is the one place where you have the visitor's full attention.
Calls to action
One button, two at most. Beyond that, none of them stands out.
Action banner
A call-to-action banner at the foot of a page: a heading, a sentence, a button.
Full-width button
Select the link text in the article first, then pick this block: the selected text replaces the example. Remember to correct the address.
Primary button
Select the link text in the article first, then pick this block: the selected text replaces the example. Remember to correct the address.
Secondary button
Select the link text in the article first, then pick this block: the selected text replaces the example. Remember to correct the address.
Two buttons
Two buttons side by side, on the same line. The first carries the action you expect of the visitor, the second a way out.
Two price plans
Two plans side by side: a name, an amount, a period, what is included, a button. Two membership levels, two registration rates, two service plans.
Standard plan
39 € per year
- What the plan includes
- A second thing included
- A third thing included
Extended plan
79 € per year
- Everything in the standard plan
- What this plan adds
- A second thing added
Newsletter sign-up
The sign-up form for a newsletter.
Column layouts
Two, three or four columns, stacking on their own on a phone.
2 columns
One row of the Corpus grid: twelve columns, the same grid the template uses. The columns stack below 62 rem, with nothing for you to set.
First column
The content of the first column.
Second column
The content of the second column.
3 columns
One row of the Corpus grid: twelve columns, the same grid the template uses. The columns stack below 62 rem, with nothing for you to set.
First column
The content of the first column.
Second column
The content of the second column.
Third column
The content of the third column.
6 selling points
Six entries in two rows of three; add or remove some and the grid readjusts. This is the features pattern: a short heading, two lines of explanation.
First selling point
Two lines saying what this brings the visitor.
Second selling point
Two lines saying what this brings the visitor.
Third selling point
Two lines saying what this brings the visitor.
Fourth selling point
Two lines saying what this brings the visitor.
Fifth selling point
Two lines saying what this brings the visitor.
Sixth selling point
Two lines saying what this brings the visitor.
8 and 4 columns
One row of the Corpus grid: twelve columns, the same grid the template uses. The columns stack below 62 rem, with nothing for you to set.
The main content
Two thirds of the width: this is where the text goes.
Cards with a status
A row of cards each carrying a status: available, in progress, planned. Useful for a catalogue, a roadmap, case tracking, a programme.
First entry
One or two sentences saying what this is.
Available
Second entry
One or two sentences saying what this is.
In progress
Third entry
One or two sentences saying what this is.
Planned
Two-column comparison
Two cards facing each other, setting two situations against one another: a before and an after, a problem and its answer, the old procedure and the new one.
How it used to be
Describe the situation you are leaving, without caricature: the reader has lived it and will see at once if you exaggerate.
How it works now
Describe the answer on exactly the same point, at the same level of detail. It is the parallel that makes the case.
Tiles
Three cards side by side, one per third. They stack on a narrow screen.
One or two sentences saying what lies behind the link.
One or two sentences saying what lies behind the link.
One or two sentences saying what lies behind the link.
Images
Text and picture, galleries, portraits, video. The proportions hold.
Card with an image
The grey rectangle is a file shipped with the template (media/templates/site/corpus/images/). Replace it with your own image using the editor's Image button, not in the source code.
The introductory text.
Gallery with a lightbox
A gallery of three images that enlarge on click, and from which you move to the next image. Useful for screenshots, a photo story, a catalogue, plans.
Gallery
Six thumbnails over three columns.
Partner logos
A band of logos.
Mosaic
Four projects: an image, a clickable title, one line of description.
Team portraits
A team: portrait, name, role.
Role
Role
Role
Role
Text and image on the right
The grey rectangle is a file shipped with the template (media/templates/site/corpus/images/). Replace it with your own image using the editor's Image button, not in the source code.
The heading of the row
The text that goes with the image. Two or three sentences: this block announces, it does not expand.
Text and image on the left
The grey rectangle is a file shipped with the template (media/templates/site/corpus/images/). Replace it with your own image using the editor's Image button, not in the source code.
The heading of the row
The text that goes with the image. Two or three sentences: this block announces, it does not expand.
Embedded video
A video hosted elsewhere, embedded in the page. Replace the src address with your own video's.
Callouts
Information, success, warning, error, quotation, testimonial.
Warning alert
A precaution to take before going further.
Error alert
What is blocking, and what must be fixed.
Information alert
A useful piece of information, asking nothing of the reader.
Success alert
Confirmation that an action has succeeded.
What it does not do
A callout that states the limits: what a service, a scheme or a tool does not do. Each limit carries its label in bold and its reason.
Quotation
No class to add: inside an article body the quotation tag gets its rule on its own. That is deliberate, since a hand-typed class does not survive saving.
The quoted text.
Highlighted callout
A callout for what must stand out of the running text: a reminder, a condition, a deadline.
Testimonial with a portrait
The grey rectangle is a file shipped with the template (media/templates/site/corpus/images/). Replace it with your own image using the editor's Image button, not in the source code.
The sentence the person actually said. Two or three lines are enough; beyond that it stops being read.
Data
Figures, a table, tags.
Key figures
Three figures with their labels. Useful for an annual report or an about page.
1,200 People supported in 2026
48 Districts covered by the scheme
96% Of replies within three days
Checkable figures
Three figures, and under each one the means of checking it yourself. Three lines, not two.
1,200 People supported in 2026
Figure from the 2026 annual report, page 12.
48 Districts covered by the scheme
The full list is published on the scheme's page.
96% Of replies within three days
Measured over the 340 requests received in the first quarter.
Tags
A list of tags.
Fact sheet
A specification sheet: a label on the left, its value on the right, a rule between each line.
Table
A data table.
| Label | Year | Value |
|---|---|---|
| First row | 2025 | 1,240 |
| Second row | 2026 | 1,386 |
Frequently asked questions
A keyboard-usable accordion, or two columns.
Accordion
Panels that open and close.
The content of the first panel.
The content of the second panel.
Two columns
A short FAQ, in two columns. Each question is a level 3 heading, so the page stays navigable to a screen reader, which jumps from question to question.
The first question?
The answer, in two or three sentences. If it needs more, link to a dedicated page rather than lengthening the FAQ.
The second question?
The answer, in two or three sentences.
The third question?
The answer, in two or three sentences.
The fourth question?
The answer, in two or three sentences.
Whole pages
Contents, numbered steps, contact details: the pages you rebuild on every site.
Contact details
The contact block: address, telephone, email, opening hours.
Finding us
Name of the organisation12 Example Street
75000 Town
Contacting us
Telephone: 01 00 00 00 00
Email:
Open Monday to Friday, 9 am to 5 pm.
Numbered steps
A sequence of steps, each numbered. Useful for a procedure, a set of instructions, a point-by-point presentation.
-
First step
What to do, and what you get at the end.
-
Second step
What to do, and what you get at the end.
-
Third step
What to do, and what you get at the end.
Key points with a picture
A picture on the left, a sequence of numbered points on the right. This is the features arrangement of an about page.
The section heading
-
The first point
Two or three sentences developing the point. Keep the same length from one point to the next: that is what gives the rhythm.
-
The second point
Two or three sentences developing the point. Keep the same length from one point to the next: that is what gives the rhythm.
-
The third point
Two or three sentences developing the point. Keep the same length from one point to the next: that is what gives the rhythm.
-
The fourth point
Two or three sentences developing the point. Keep the same length from one point to the next: that is what gives the rhythm.
Two-column contents list
A list of links over two columns, falling back to one column below 62 rem. The list is numbered, because the order means something and the screen reader announces it. Replace it with a bulleted list if the order does not matter.
Contents list
The Corpus content templates.