Colours#F37A7C pink
#82BC00 green
#AEDEDF turquoise-25
#7FD6D3 turquoise-50
#40C2BE turquoise-75
#00ADA8 turquoise-dark
#00A6E0 bright-blue
#0D598F blue
#82BC00 lime
#EF3742 red
#FEC52F yellow
#C0C0C0 inactive
#FDBE38 sunny
#F68C28 kombi-orange
#F27B7D musk pink
#FFC2C2 musk-pink-50
#9E58A2 hubba-bubba
#4D4F54 charcoal
#A5A9AB mid-grey
#CFD3D3 light-grey
|
These colour names are used in the css class names below |
Heading 1 |
|
Heading 2 |
|
Heading 3 |
|
Heading 4 |
|
| simple link |
|
|
|
|
| Turquoise button |
|
| Turquoise rounded button |
|
| Turquoise outline button |
|
| Turquoise button disabled |
|
| Turquoise button full width |
|
| Turquoise Dark button |
|
| Turquoise Dark rounded button |
|
| Turquoise Dark outline button |
|
| Turquoise Dark button disabled |
|
| Turquoise Dark button full width |
|
| Pink button |
|
| Pink rounded button |
|
| Pink outline button |
|
| Pink button disabled |
|
| Pink button full width |
|
| Red button |
|
| Red rounded button |
|
| Red outline button |
|
| Red button disabled |
|
| Red button full width |
|
| Green button |
|
| Green rounded button |
|
| Green outline button |
|
| Green button disabled |
|
| Green button full width |
|
| Yellow button |
|
| Yellow rounded button |
|
| Yellow outline button |
|
| Yellow button disabled |
|
| Yellow button full width |
|
| Inactive button |
|
| Inactive rounded button |
|
| Inactive outline button |
|
| Inactive button disabled |
|
| Inactive button full width |
|
|
Sorry, an error has occurred
|
|
|
Warning Warning - this is a warning
|
|
|
Success - you done good
|
|