Proof points
PATTERN OVERVIEW
Two to three proof points with supporting icons.
Guidelines
- Typically used on a 100 and 200-level page.
- Use an icon from brand-approved icon library — icon is added using the "Icon picker" component.
- Set column width to 1280 or 1080 column.
- Use the "huge" icon size (64 px) to help bring emphasis to the proof point.
AEM component: Use the "Icon picker", Text3 and column control components to build this pattern or copy and paste example below.
Requirements
Proof point: Up to 60 characters max (including spaces)
Icon size: Use XX large (48 px) or huge (64 px)
Icon alignment: Center aligned
Icon color: Black or Accessible orange (#ce4b27)
Icon alt text: Use null alt text ("")
Type: Use sentence case, no punctuation (unless necessary). Bold the numerical date to emphasize data points.
Type alignment: Left aligned
Examples
Example 1 — Column width of 1280 px
Example 2 — Column width of 1080 px
128M individual consumers served by Optum
9 out of 10 US hospitals served by Optum
$3.2B annual investment on tech and innovation
Example 3 — Icon size set to huge
Example 4 — Icon size set to XX large