A NSW Government website

Command Palette

Search for a command to run...

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.

Left border

Text-led block with a strong left rule for key messages and in-flow emphasis.

Greeting

Letter-style opening block for salutations, introductions and formal updates.

Highlighted heading

High-contrast heading treatment for major announcements or section breaks.

Thick underline

Heading treatment that adds structure without moving away from a text-first layout.

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.
Previous
Cards