How to create new design elements using the utility classes

Create new design element
Create new design element

By Constantinos Evangelou, Interaction Design Lead

We have created a step-by-step guide for developers on how to create a brand-new HTML design element using the utility classes.

The Design System provides the basic components for creating digital services straight out of the box. These components may not be enough to build all services end to end, so the DSF team has created a library of CSS utility classes that apply unique styling and formatting to a group of HTML elements, that can be used to build new design elements, in the ‘ way’.

We will be looking at how to create a “Testing banner” to warn users when a service is built, and being tested, but not available for the public to start using.

All you need to do is follow the instructions on our Design System.

Print Friendly, PDF & Email