Skip to content
Design System
  • Documentation
  • Prototypes
Branding
  • Voice & tone
  • Logo
  • Farben
  • Typographie
  • Visuelle Elemente
Foundations
  • Usage
  • Global styles
  • Themes
  • Spacing
  • Viewports
  • Colors
  • Typography
  • Core utilities
Layouts
  • Usage
  • Aspect ratio
  • Auto grid
  • Content grid
  • Flex group
  • Flow
  • Multicol
  • Pile
  • Reel
  • Region
  • Repel
  • Sidebar
  • Switcher
  • Wrapper
Patterns
  • Accordion
  • Avatar
  • Avatar Group
  • Book pile
  • Brand shapes
  • Button
  • Calendar Date
  • Callout
  • Card
  • Context Switcher
  • Figure
  • Forms
  • Hero
  • Icon
  • Icon link
  • Image Bento
  • Image Grid
  • List Icon
  • Marquee
  • Modal
  • More Link
  • Pagination
  • Pill
  • Promo Card
  • Prose
  • Section Divider
  • Section Heading
  • Section Illustration
  • Show More
  • Slideout
  • Submenu bar
  • Table
  • Tabs

Section Divider Beta

The section divider visually separates larger sections of a page from each other.

Semantically, the section divider should be used like an hr element, i.e., it should distinguish content areas from each other both visually and structurally.

View full screen
Theme