Toasts and alerts: HTML, React and WordPress components

A bell with an unread badge that opens a notification panel: icons by type, read and unread items told apart, and a "Mark all as read" button.

Short notifications that appear at the bottom of the screen after an action, then disappear.

The four classic interface messages: information, success, warning and error.

Three callouts for technical documentation: note, tip and warning.

A box at the top of a form listing the errors, each with a link to the field concerned.

A notice warning of a scheduled service interruption, with date, time and impact.

A dark status page block tracing an incident and its successive updates.

A dashed callout highlighting an offer and its code, with the end date.

An announcement bar at the top of the page with a link and a button to close it.