Design and build digital services at NICE

Guides, resources and assets to build accessible, usable, on-brand services at NICE.

Design Library

A reference for all of the design elements used to build digital services at NICE.

Not sure where to start? View the whole library and find the elements you need.

Foundations are the design basics that we build our services on, including layout, typography and colour.

Components are individual design building blocks such as forms, filters and menus. They can be combined to build larger patterns and pages.

Development

Github

Check out the NDS GitHub repo to read technical documentation and inspect the code

NPM

Install the node package using NPM to import styles and components into your project

CDN

If you can't use NPM, you can import the design system styles directly via the CDN

Community

The Design System is for everyone. We need people to provide feedback, offer suggestions, and help refine the system to ensure it meets the needs of our users.

Visit our community page to see how you can contribute and understand how we work.

Prototyping

Our design components and settings are available as Adobe XD and Axure RP files.

Our prototyping page has information on how and when to create prototypes.

Contact the team

For questions or support with the design system contact us:

in our Teams channel (NICE staff only)
by email at designsystem@nice.org.uk