Design

Research and rationale

The design of our page alerts is based on the research completed by the DTA and the usage guidelines outlined by the NSW Design System page on in-page alerts.

Colour and icons based on research for Global alerts

The visual design is consistent with the DTA but uses our system alerts colours based on the research completed for the global alerts and the design being designed to work on both light and dark backgrounds.

Because alerts shouldn't rely on icons or colour alone to convey meaning, an alert title has been included to accompany the alert text.

Difference between global and in-page alerts

One of the primary differences is that in-page alerts are designed to be not dismissible. This is in-order to ensure that important information is communicated to the user and not missed (Digital NSW, n.d.).

Consistency

In-page alerts are designed with a consistent layout to aid comprehension of what they are and how they work, all in-page alerts types are designed to appear as if they're part of the same family of components (Digital NSW, n.d.).