Type

Headings, body and other common text elements.
display 1

heading one

heading two

heading three

heading four

Body text.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

heading four

Body Text   
Small Caps

Colours

Colours
Primary

Petrichor Green

#c8d1bd

Buttons

Component, text style and size variations

Sizes

Button Text

right arrowbutton text
Note: Use the class "Button" on an element to format as a button. To format as a large or small button, add the class "Button Large" or "Button Small"

Variations

Note: Add the class "Button Outline" a "Button" element to format as an outlined button.