H1 - THIS IS A MAIN TITLE

---- Brandon Grotesque Medium / All caps / Font size: 48px / Tracking: 200



H2 - THIS IS A MAIN TITLE

---- Brandon Grotesque Medium / All caps / Font size: 36px / Tracking: 200



H3 - THIS IS A MAIN TITLE

---- Brandon Grotesque Medium / All caps / Font size: 36px / Tracking: 200



H4 - THIS IS A MAIN TITLE

----
Brandon Grotesque Regular / All caps / Font size: 16px / Tracking: 200



H5 - THIS IS A MAIN TITLE
---- Brandon Grotesque Bold / All caps / Font size: 12px / Tracking: 200


Blog H1 - This is a main title

---- Lora / All caps / Font size: 60px / Tracking: 40


BLOG H2 - THIS IS A MAIN TITLE

---- Lora / All caps / Font size: 36px / Tracking: 20

BLOG H3 - THIS IS A MAIN TITLE

---- Lora / All caps / Font size: 21px / Tracking: 200


Italics Quotes



Duis condimentum suscipit nisi ut ultricies. Nunc malesuada nunc eget mi luctus, eu ultricies urna maximus. Quisque aliquet, augue pharetra ullamcorper pellentesque, lacus odio sodales dolor, vel porta ipsum odio sed odio qui officia.
LINKS

This is a link in it's normal state


This is a link with mouse over (Navy @50%)


This is a link that has been visited  (Navy @70%)


INTRO TEXT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc luctus enim ac aliquet vulputate. Pellentesque ante enim, fermentum eu diam interdum, congue cursus turpis. Suspendisse convallis nunc purus, non pretium eros fringilla in. Donec ac molestie tortor. Fusce quis ipsum magna. Duis imperdiet porta feugiat. Aenean maximus tristique velit quis volutpat.


Brandon Grotesque Light / Sentence Case / Font size: 18px / Tracking: 40 


BODY TEXT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc luctus enim ac aliquet vulputate. Pellentesque ante enim, fermentum eu diam interdum, congue cursus turpis. Suspendisse convallis nunc purus, non pretium eros fringilla in. Donec ac molestie tortor. Fusce quis ipsum magna. Duis imperdiet porta feugiat. Aenean maximus tristique velit quis volutpat.


Brandon Grotesque Regular / Sentence Case / Font size: 16px / Tracking: 0 


SECONDARY TEXT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc luctus enim ac aliquet vulputate. Pellentesque ante enim, fermentum eu diam interdum, congue cursus turpis. Suspendisse convallis nunc purus, non pretium eros fringilla in. Donec ac molestie tortor. Fusce quis ipsum magna. Duis imperdiet porta feugiat. Aenean maximus tristique velit quis volutpat.


Brandon Grotesque Regular / Sentence Case / Font size: 14px / Tracking: 0 


BULLETS
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elite
  • Nunc luctus enim ac aliquet vulputate.

Brandon Grotesque Regular / Sentence Case / Font size: 16px / Tracking: 0 


Form Label

Brandon Grotesque Bold / Sentence Case / Font size: 14px / Tracking: 0 
 


Colour Palette


NAVY (#081F2C)

Background HTML class = bg-color1
Font-Color HTML class = f-color1

 


DOVE (#E2E8EE)

Background HTML class = bg-color5
Font-Color HTML class = f-color5

 


PASSION (#E04B65)

Background HTML class = bg-color12
Font-Color HTML class = f-color12

 


BABY ELEPHANT (#C8CCD0)

Background HTML class = bg-color4
Font-Color HTML class = f-color4

 


GOOD MORNING (#F9D100)

Background HTML class = bg-color11
Font-Color HTML class = f-color11

 


TROPICAL SEAS (#68C0B2)

Background HTML class = bg-color13
Font-Color HTML class = f-color13

 


WHITE (#FFFFFF)

Background HTML class = bg-color0
Font-Color HTML class = f-color0

 

Buttons
 

WHITE BACKGROUND BUTTONS

PRIMARY BUTTON



SECONDARY BUTTON



BLUE BACKGROUND BUTTONS

PRIMARY BUTTON



SECONDARY BUTTON