Dividers are subtle but important parts of our identity system that help organize layouts and distinguish information hierarchy.

Warm Gray 11



Use over a color or photo background


Divider #1

Use a thick divider to introduce some space between our signature and the rest of the layout. This divider also anchors the headline.

Divider #2

Use a thin divider as a soft headline anchor and an indicator of where the main messaging segments will occur in the layout.


Make sure to leave enough space between dividers and the surrounding content so that every element on the layout sits a comfortable distance from another element. Use the gridline for placement at the top divider and allow the rest of the content to cascade below.