Heading Elements

H1 Heading (display-m)

H2 Heading (headline-l)

H3 Heading (headline-m)

H4 Heading (title-l)

H5 Heading (title-m)
H6 Heading (title-s)

Heading Component Variants

display-l

display-m

headline-l

headline-m

title-l

title-m

title-s

title-xs

Miscellaneous Elements

Text Link
  • unordered list item 1
  • unordered list item 2
  • unordered list item 3
  1. ordered list item 1
  2. ordered list item 2
  3. ordered list item 3

Layout Elements

.page_wrap as outer container for all page sections (why? top-level style root? do header / footer go inside or outside? how different from <main/> or <body/>?)
.content_wrap_fluid for content constrained to (grid max width - padding)

Style Guide Helpers

._style_guide_page_wrap as outer container for all page sections (why? top-level style root? do header / footer go inside or outside? how different from <main/> or <body/>?)
.page_wrap as outer container for all page sections (why? top-level style root? do header / footer go inside or outside? how different from <main/> or <body/>?)