Skip to main content
Variations

Utilizing a grid allows for better organization of content. Content can be broken into columns where appropriate.

Design guidelines
  • Break text into columns where appropriate.
  • Pair with complementary icons, if desired.
  • Columns can either be separated by gutters or broken into separate boxes.
  • Adding icons and/or subheads helps make multiple columns of text feel like separate thoughts as opposed to continuous text set in multiple columns.
Accessibility

Messaging components have been reviewed for compliance with visual accessibility guidelines, but accessibility tool (AT) testing should be performed by those implementing them in code.

Display settings

Note: not all settings persist across pages

Default Compact (-1) Sparse (+1) XL (default) 2XL 3XL Default Min Max Light (default) System Dark Branded (default) Unbranded