Section

Section dividers are used to separate completely unrelated sections of content.

• Use section spacing before and after.
• Use at full width of container

Sub-section

Sub-section dividers are used to separate related pieces of content that require additional hierarchy.

• Use section spacing before and after
• Include padding to match content

• Don’t use with section headers that include dividers

Content

Content dividers are used to break down a specific piece of content or information. They help to visually separate distinct parts, highlight key figures, or introduce summaries within a single content block.

• Use component spacing before and after.

• Don’t use to separate unrelated contents.
• Don’t use to separate different content blocks —use section or sub-section dividers instead.