Divider

Dividers create visual separation between sections in an email. They help break up dense layouts, improve scanability and guide the reader through the message in a clear, structured way.

When to use

Use dividers to separate distinct content blocks – for example:

• between a heading and body text,
• between different sections within the same layout,
• to create rhythm and visual breaks in long-form content.

Keep spacing above and below dividers consistent to maintain flow. Use dividers sparingly to avoid unnecessary visual clutter.

Design guidance

• Always choose divider colours from the NSW Government digital palette to ensure accessibility and brand alignment.
• Maintain consistent spacing around dividers for rhythm and balance.
• Use horizontal dividers to break sections in single-column layouts.
• Use vertical dividers only when separating multi-column content.
• Ensure dividers are thick enough to be seen but not so bold they overpower content.

Variations

Dividers can be customised using properties for colour, orientation, size, and thickness. These options allow dividers to adapt to different layouts, backgrounds, and levels of emphasis while keeping within system standards.