Section

Sections are horizontal layout blocks with different style options such as background color, spacing. When used purposefully and consistently, Sections can help create a content hierarchy that guides the user by creating a predictive experience. Sections can contain any kind of content.

Default

Default Section are the most commonly used, establishing the base spacing styles (margin and padding) and maintaining consistency between the different content models found across the site.


Section Header

Primary

The Primary Section guides the user to the highest priority content on a page and should be used sparingly and maximum once per page.


Featured article

Secondary

The Secondary Section is an inverse high contrast content block.


Featured article

Highlight

The highlight Section is subtle but effective.