Alert is used on top of the page to give important information to the user as the first information after header.

Important

An alert component should never occupy more than 6 columns in the breakpoints medium and up.

Default

Alert contains an informative header. Publish date and time should be shown below the header.

Illustration

Alert contains an informative header and one line of extra information.
Illustration is used as a campaign alert, if you publish multiple alerts about the same topic you can use illustration to link to a page that contains all of the different information. Illustration alert does not contain date and time.

Importancy levels

Alert contains an informative header, importancy level and publish date.
There are two levels, the difference is important and critical. Important is used if the information is important to some.