Solution/services listing

PATTERN OVERVIEW

Feature a clickable list of solutions or services. This pattern includes variations for varying number of solutions or when icons or descriptions are included. An H2 heading is placed on the left or centered above the listing depending on configuration — see examples below.

Requirements 

• Solution labels are listed using a H3 heading and styled with the delta class to apply the font size and style.
• Use off black or off white as the background color. Black is used for more emphasis and off white for less or in cases where the page appears too dark.

AEM component: Use a column control, text3 and icon picker (if necessary) to build this pattern. When building the card option, use the expanding card box regular card style to build this pattern.

specifications

Section heading (H2): Use "Explore our solutions" on Optum.com 100- and 200- level pages and use "Types of care" on OptumCare.com. 

Into copy: 145 characters or less (including spaces).

Solution label (H3): Recommended character count is 35 characters or less (including spaces). Using longer labels is permitted only when necessary. Use title case for product/service names.

Solution supporting copy: Include only when necessary. No more than 65 characters.

Type: For headings, use sentence case, no punctuation. For copy use sentence case, with complete and punctuated sentences.