(e)Dividers

< Pattern Library

Overview

Dividers have been created to help to aesthetically separate information to help the users to easily follow the page separation along with formatted spacing.

Use of this pattern

• Dividers are a form of spacing and separating page layouts vertically.

How it works

• There are four separate sizes, three for desktop to correlate to grid sizing. The mobile divider is set to one fixed width.
  • Indent blocks are to again create the aesthetics to differentiate items such as threads and quotes.
  • Colour blocks are elements that are for accentuating and highlighting for mostly branding purposes.

Research on this pattern

Related patterns

• (e)Glyphs
• (e)Font
• (e)Icons

Other