Style

Brand Colours

---

UI Colours

---

Utility Colours

---

Header Styles

---

POP HEADER

Heading 1
Second Line

Heading 2
Second Line

Heading 3
Second Line

Heading 4
Second Line

Heading 5
Second Line

Heading 6
Second Line

Paragraph Styles

---

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae pulvinar tortor. Proin tortor lorem, faucibus at faucibus nec, suscipit sit amet sem. Praesent massa tortor, tempor nec ante non, interdum fermentum sapien. Nulla ornare rhoncus mi a consequat. Quisque quis mi et ante condimentum auctor. Vivamus tempor, erat quis pellentesque aliquam, urna dolor cursus erat, a laoreet metus justo at sapien. Vestibulum elementum faucibus risus in tincidunt.

I am bold paragraph text.

I am italic paragraph text.

I am a text link. Hover

Highlight me to check highlighted text

Inline Styles

---

Horizontal Line

---

Blockquote:

Donec vel eros sed nulla pellentesque vestibulum. Morbi tempus blandit augue. Vivamus semper, orci eget tempus luctus, enim metus malesuada ipsum, eget convallis risus dui quis ante. Proin rhoncus tincidunt dui, imperdiet fringilla nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

I’m a citation

Unordered List:

• I am an unordered list item
• I am another item in an unordered list
• I am an unordered list item
• I am another item in an unordered list

Ordered List:

1. I am an ordered list item
2. I am an ordered list item
3. I am an ordered list item
4. I am an ordered list item

Forms

---

Form Label

Text Input

Dropdown

First Option Second Option Third Option

Checkbox

Checkbox Test Checkbox Test

Radio Button

Radiobutton Test Radiobutton Test

Buttons

---