Content blocks
The Content block component provides structured, text-first sections that help readers quickly understand key information. It supports prominent headings, section labels and simple styling treatments without relying on image-heavy layouts.
Use Content blocks to introduce sections, highlight important statements, deliver letter-style messaging, and create reusable in-flow headings throughout the body of an email. They are especially effective in government and service communications where clarity, hierarchy and readability are the priority.
When to use
Use Content blocks when you need to:
- introduce a topic or section with a strong text heading
- draw attention to important advice, deadlines or updates
- present letter-style content with a personal or formal tone
- break long emails into clear, scannable content segments
Content blocks work well between structural components such as headers, feature sections, lists and call-to-action areas.
When not to use
Avoid Content blocks when:
- the message is primarily visual and should be led by photography or illustration
- the content needs complex side-by-side layouts that are better handled by Cards or Features
- the same emphasis style is repeated too often, reducing visual hierarchy and impact
- critical instructions are hidden in decorative styling without clear supporting copy
Variations
Content block variations are designed to shape tone, hierarchy, and reading flow. Choose a treatment that supports the intent of the message, whether that is opening formally, emphasising key information, or structuring longer emails into clear, reusable sections.
Border left
- A text block with a strong left border for visual emphasis.
- Use at the top of an email to differentiate an introductory key message or call-out from the main content.
Greeting message
- A letter-style opening block designed for a personal salutation and short lead paragraph.
- Best for formal updates, service notices or messages from senior leaders.
Highlight
- A high-contrast headline treatment that applies a background highlight behind text.
- Useful for campaign themes, major announcements or section breaks that need strong hierarchy.
Thick underline
- A headline style that uses a thick underline to separate and emphasise a section title.
- Good for introducing topic changes while keeping the layout clean and text-led.
Design guidance
- Keep headings short and meaningful so users can scan quickly
- Use one emphasis style per section to avoid competing visual signals
- Maintain consistent spacing around each block to preserve reading flow
- Pair styled headings with plain-language body text to keep content accessible and clear