Buttons (click here and use tab key to check focus states)
Typography:
Heading 1
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Small :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit dolor adipiscing ipsum lacus, ultricies mauris tellus. Ipsum proin libero, in sit varius pellentesque non lectus. Eu faucibus aliquam faucibus enim. Molestie at aliquet viverra lacus, mauris sagittis tincidunt sit. Placerat cras id sit quam elit cursus tempus non tortor.
Normal :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit dolor adipiscing ipsum lacus, ultricies mauris tellus. Ipsum proin libero, in sit varius pellentesque non lectus. Eu faucibus aliquam faucibus enim. Molestie at aliquet viverra lacus, mauris sagittis tincidunt sit. Placerat cras id sit quam elit cursus tempus non tortor.
Medium :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit dolor adipiscing ipsum lacus, ultricies mauris tellus. Ipsum proin libero, in sit varius pellentesque non lectus. Eu faucibus aliquam faucibus enim. Molestie at aliquet viverra lacus, mauris sagittis tincidunt sit. Placerat cras id sit quam elit cursus tempus non tortor.
Large:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit dolor adipiscing ipsum lacus, ultricies mauris tellus. Ipsum proin libero, in sit varius pellentesque non lectus. Eu faucibus aliquam faucibus enim. Molestie at aliquet viverra lacus, mauris sagittis tincidunt sit. Placerat cras id sit quam elit cursus tempus non tortor.
Huge:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit dolor adipiscing ipsum lacus, ultricies mauris tellus. Ipsum proin libero, in sit varius pellentesque non lectus. Eu faucibus aliquam faucibus enim. Molestie at aliquet viverra lacus, mauris sagittis tincidunt sit. Placerat cras id sit quam elit cursus tempus non tortor.
Colours:
Primary Green
100
Primary Green
200
Primary Green
300
Primary Green
400
Primary Green
500
Primary Green
600
Primary Dark Green
100
Primary Dark Green
200
Primary Dark Green
300
Primary Dark Green
400
Primary Dark Green
500
Primary Dark Green
600
Secondary Neon Green – 100
Secondary Neon Green – 200
Secondary Neon Green – 300
Secondary Neon Green – 400
Secondary Neon Green – 500
Secondary Neon Green – 600
Secondary Pink
100
Secondary Pink
200
Secondary Pink
300
Secondary Pink
400
Secondary Pink
500
Secondary Pink
600
White
Base – 100
Base – 200
Base – 300
Base – 400
Base – 500
Base – 600
Base – 700
Base – 800
Base – 900
Base – 1000
Black