Overview

Headers and white space separate information similar to dividers, except dividers show separation between major topics on a web page.

Design

Dividers show a break or change in content.


Most often the meaning of the content will change after the divider.

Usage guidelines

Layout

Dividers, when added to a web page, present a subtle but noticeable change in the layout.

Background colours

Divider on a light or dark background:

  • 1 pixel
  • solid #DCDCDC

Content guidelines

  • use dividers sparingly
  • use dividers when it communicates separation more effectively than white space

Was this page helpful?

All fields are required unless otherwise indicated.

Your submissions are monitored by our web team and are used to help improve the experience on Alberta.ca.