Skip to main content

Title block

What is the Title block for?

A heading tells visitors how to read the page. The Title block marks sections and levels in the content hierarchy, so the page structure is clear even during a quick scan.

Do not place a heading above every block. Use one where a genuinely new idea or section begins.

Which heading level should you choose?

Do not choose by font size. Start with the heading's role in the page structure.

H1 — the main page heading

The most important heading on the page. A useful rule is to have one primary H1 introducing the whole page.

H2 — a new major section

Use H2 for the main sections of the page, when a genuinely new topic or section begins.

H3 — a subsection within a section

Use H3 for a smaller topic grouped under an H2. It helps structure more complex sections.

H4–H6 — deeper hierarchy

Use these only when the content genuinely has more nested levels. Simple one-page websites rarely need them.

H2 — A strong section heading

H2 — A centred transition heading

H3 — A smaller heading within a section

Quick rule: do not choose the heading level that looks best visually. The level should show where the visitor is in the content hierarchy. Adjust the visual styling afterwards to fit the page rhythm.

What can you configure in the Title block?

Beyond the heading level, you can refine its position, width, background and navigation role.

Hierarchy

The H1–H6 level indicates how deep this heading sits in the content structure.

Alignment

Align the heading left, centre or right. Left alignment is usually the most natural choice on longer content pages.

Width →

Choose readable, wide or full content width depending on how much horizontal space the heading should use.

Background →

Keep it on the normal page background or place it in a custom or inverted band, which can extend to the screen edge.

Navigation

Make the heading itself clickable with a link, or add an anchor ID so a menu item or button can jump directly to it.

Rhythm →

Use outer and inner spacing controls to set how strongly the heading separates the content before and after it.

GIVE THE PAGE RHYTHM

The page should still make sense when someone reads only the headings.

Build a consistent hierarchy and add a separate Title block only where a new section genuinely begins.