No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Foundation

Our color palette for digital design is based on our brand colours. We use our palette to build brand consistency across all customer experiences. The way colours are combined helps convey the overall tone of the page. Secondary colours should be kept to a minimum, we recommend not to use more than three together.

Gradients

Gradient.RED_LIGHT
linear-gradient(45deg, #A90000 0%, #E60000 48.96%, #FF0000 100%)
Gradient.RED_DARK
linear-gradient(45deg, #990000 0%, #E60000 100%)
Gradient.PURPLE
linear-gradient(45deg, #5E2750 0%, #9C2AA0 100%)
Gradient.MONOCHROME
linear-gradient(45deg, #999999 0%, #CCCCCC 100%)
Gradient.YELLOW
linear-gradient(45deg, #EB9700 0%, #FECB00 100%)
Gradient.GREEN
linear-gradient(45deg, #009900 0%, #A8B400 100%)
Gradient.BLUE
linear-gradient(45deg, #007C92 0%, #00B0CA 100%)