Page Banner
Elements
Page Sub Heading
Swatches
$brandColor
$red
$blue
$yellow
$bgGrey
$grey
$borderGrey
$textGrey
$iconGrey
$green
$lbBlue
$apBlue
Headings and text
h1
h2
h3
h4
Montserrat - Medium
Montserrat - Regular
Open Sans - Regular
Buttons
Messages
This is an error and it spans 2 lines!! This is an error and it spans 2 lines!! This is an error and it spans 2 lines!! This is an error and it spans 2 lines!! This is an error and it spans 2 lines!! This is an error and it spans 2 lines!! This is an error and it spans 2 lines!!
This is some info
This is a warning
This is a sucess message
Text Colours
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, eaque!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, eaque!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, eaque! white text on the left
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, eaque!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, eaque!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, eaque!
background colours
Border colours
Form Styling
List Styling
- No style Unordered listing one link inside li.
- No style Unordered listing two link inside li.
- No style Unordered listing three link inside li.
- No style Unordered listing four link inside li.
- No style Unordered listing five link inside li.
- No style Unordered listing six link inside li.
- Unordered listing one link inside li.
- Unordered listing two link inside li.
- Unordered listing three link inside li.
- Unordered listing four link inside li.
- Unordered listing five link inside li.
- Unordered listing six link inside li.
- Ordered listing one link inside li.
- Ordered listing two link inside li.
- Ordered listing three link inside li.
- Ordered listing four link inside li.
- Ordered listing five link inside li.
- Ordered listing six link inside li.
