Divider

Breaks up a page with 1-3 sections of heading, text, and an optional link.

How to use

Add up to three sections. Each section has a heading, a text, an optional link and a background theme. A section without a theme gets a dark background.

Variants

One section

A single section with the default dark theme.

Plan the content

Start with what the reader needs to know, then decide how much of it belongs on this page.

Two sections

Two sections side by side on wide screens: one dark and one light.

Plan the content

Start with what the reader needs to know, then decide how much of it belongs on this page.

Write for the reader

Short sentences and plain words make long pages easier to read on every screen.

Three sections

The third section takes the full width and is centred on wide screens. Its link makes the whole section clickable.

Plan the content

Start with what the reader needs to know, then decide how much of it belongs on this page.

Write for the reader

Short sentences and plain words make long pages easier to read on every screen.

Publish with confidence

Preview every change before it goes live.

Get started

Layout preview

4 copies of one example in a layout block. Change the settings to see how the block fits each layout.

Plan the content

Start with what the reader needs to know, then decide how much of it belongs on this page.

Plan the content

Start with what the reader needs to know, then decide how much of it belongs on this page.

Plan the content

Start with what the reader needs to know, then decide how much of it belongs on this page.

Plan the content

Start with what the reader needs to know, then decide how much of it belongs on this page.

Viewport preview