Maidstone Digital Service
BETA
This is our new beta site for Maidstone Digital Services.
Styles

Colours

Colour contrast

We must make sure that the contrast ratio of text and interactive elements meets level AA of the Web Content Accessibility Guidelines (WCAG 2.1).

Main colours

 
$mbcLightBlue #BCD1E3
$mbcBlue #044B8C
$mbcDarkBlue #043C6F
$mbcLightGreen #D7F3F4
$mbcGreen #005F61
$mbcDarkGreen #144D4E
$mbcPurple #6F1C75
$mbcDarkPurple #5E2062
$mbcRed #B00000
$mbcLightYellow #F9EFC4
$mbcLightGray #F7F8F8
$mbcGray #2B2B2B
$mbcWhite #FFFFFF
$mbcBlack #000000

Cards

Card backgrounds

 
$boxBackgroundColor $mbcLightGray
$boxBackgroundColor--hover #DDDDDD

Card border bottom

 
$borderBottomBlue #005eae
$borderBottomGreen #007577
$borderBottomPurple #A329AC

These colours are only used as border colours on cards. They're lighter versions of our main blue, green and purple colours however, they're separate from the main palette as we needed to brighten the home page and landing pages.

Back to top
//