Card Color Coding

When placing a card on a page that belongs to a website section, change the card’s highlight color to match the highlight color assigned to the overall section.

• For light card types, change the top border color of the card. Do not change the icon color or icon background color.
• This change does not apply to dark card types.

Below are samples of website section color coding.

When placing a card that relates to a specific audience type, change the card highlight colors to match the highlight color assigned to that audience type.

• For light card types, change the top border of the card, icon color and icon background color.
• For dark card types, change the icon background color only.

Below are samples of audience type color coding for light cards.