This site is no longer maintained

This is the documentation for version 0 of the design system and will no longer be updated. Please see the new Design System site on nice.org.uk for the most up-to-date documentation.

Design System documentation

Alpha NICE Design System is in development. This means it is not feature complete and there may be issues. Find any? Please, let us know!

SASS documentation

Auto-generated SASS documentation from our SASSDoc comments

Colours

Documentation for SASS colour variables for the NICE corporate palette

Components

SASS component classes and mixins

Grid & layout

SASS classes, mixins and function for grid and layout

Helpers

SASS helper classes, mixins and functions

Icons

SASS icon classes, mixins and functions

Spacing

SASS variables and classes keeping a consistent vertical rhythm

Typography

SASS typography classes, mixins and functions

Edit on GitHub