Alert cards

Alert cards are used in certain page templates and components to communicate more urgent or timely updates. They are intended to be temporary and have an expiration date.

Alert cards should have a place for 2 links following the description text.

Specs

Type treatments vary across different uses because they need to match the typography of the content elements they are next to. They should follow standard text scaling and inherit spacing and type styles of the components around them.

• Border: 3px solid warning

• Background color: warning 10% or #FFF9E6

Inspect card components in public site components in Figma