NSW Email Design System

Footers

Footers are a crucial part of email design. They help users access important information and navigate to relevant services.

When to use

Use footers to display contact information, social media links and legal or privacy disclaimers.
Ensure the footer is visually distinct from the main content. Use contrasting background colour, spacing or borders to separate it clearly.
Keep footer content concise and easy to read.
Use accessible text and ensure all links meet contrast and readability standards.
Include a clear unsubscribe link or subscription preferences option when required to do so.

This footer features the logo on the left and social media icons aligned to the right. The address and links appear below.

Left logo with address links right

The footer displays the logo on the left, with the address and links right-aligned to create a balanced layout.

Centered logo with address left and links right

The footer centres the logo, with the address on the left and links on the right, creating a clean and organised layout.

Two-column with compliance text

Displays a detailed privacy and compliance message beside the contact details using a two-column layout.

The minimal footer displays the logo on the left and social media icons on the right. It excludes an address, creating a clean and uncluttered appearance.

This minimal footer features the logo on the right and social media icons on the left. It does not include an address, creating a clean, uncluttered appearance.

This minimal footer features the logo on the left, social media icons on the right, and the address and key links below.

Minimal centered

Includes a centred logo, a single row of navigation links below it, and a footer with the address and copyright information.

Minimal footer with text links only

This footer has a minimalist layout, showing only the address, copyright notice and text-based links—no logo or social media icons.

Footers

Footers are a crucial part of email design. They help users access important information and navigate to relevant services.

When to use

Use footers to display contact information, social media links and legal or privacy disclaimers.
Ensure the footer is visually distinct from the main content. Use contrasting background colour, spacing or borders to separate it clearly.
Keep footer content concise and easy to read.
Use accessible text and ensure all links meet contrast and readability standards.
Include a clear unsubscribe link or subscription preferences option when required to do so.

This footer features the logo on the left and social media icons aligned to the right. The address and links appear below.

Left logo with address links right

The footer displays the logo on the left, with the address and links right-aligned to create a balanced layout.

Centered logo with address left and links right

The footer centres the logo, with the address on the left and links on the right, creating a clean and organised layout.

Two-column with compliance text

Displays a detailed privacy and compliance message beside the contact details using a two-column layout.

The minimal footer displays the logo on the left and social media icons on the right. It excludes an address, creating a clean and uncluttered appearance.

This minimal footer features the logo on the right and social media icons on the left. It does not include an address, creating a clean, uncluttered appearance.

This minimal footer features the logo on the left, social media icons on the right, and the address and key links below.

Minimal centered

Includes a centred logo, a single row of navigation links below it, and a footer with the address and copyright information.

Minimal footer with text links only

This footer has a minimalist layout, showing only the address, copyright notice and text-based links—no logo or social media icons.

Command Palette

Command Palette

Footers

When to use

Left logo with social icons on the right

Left logo with address links right

Centered logo with address left and links right

Two-column with compliance text

Minimal left with social links no address

Minimal right with social links no address

Minimal left with social links right

Minimal centered

Minimal footer with text links only

Footers

When to use

Left logo with social icons on the right

Left logo with address links right

Centered logo with address left and links right

Two-column with compliance text

Minimal left with social links no address

Minimal right with social links no address

Minimal left with social links right

Minimal centered

Minimal footer with text links only