Patterns

Best practice design solutions for specific user-focused tasks and page types

Inset text

Inset text can be added using the 'div' function on the toolbar in the WYSIWYG editor. 

When you should use inset text

It can be used to highlight a piece of text or a link on a page so it stands out. Often used for contact details when a contact component can’t be used.  It can also be used to highlight important information, such as service updates.

It is not reusable, and would need to be restyled on each page it appears on.

Example:

Service update

We are currently experiencing a high demand for appointments to register a death. Please look at all Registration offices in your area, as you may be able to find an earlier appointment at an alternative office.

How to add inset text

Inset text can be added from the 'Styles' dropdown menu.