This style guide demonstrates the default presentation of elements in this theme. This page can also be used as a blueprint for how to present content within the theme in an effective way.

Color Palette

Purple

HEX: #5B1453
RGB: 91 / 20 / 83

#5B1453

Teal

HEX: #009192
RGB: 0 / 145 / 146

#009192

Orange

HEX: #E96A26
RGB: 233 / 106 / 38

#E96A26

Grey

HEX: #46494B
RGB: 70 / 73 / 75

#46494B

Font Families

Heading and SubHeading Font

Font Family: ITC Franklin Gothic Pro
Styles: Medium Compressed 500, Demi Compressed 700

ITC Franklin Gothic Pro

Body Font

Font Family: Franklin Gothic
Styles: Regular 400, Medium 500, Bold 700

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Blockquote

Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.

Antoine de Saint-Exupery

Pull Quote

“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.”

Antoine de Saint-Exupery

“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.”

Antoine de Saint-Exupery

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

Table Styles

Table Header 1Table Header 2Table Header 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3

Links

standard link

Filled Button
Outlined Button

Horizontal Rule

Images and Captions

person on top of a hill
Credit: Photo by Mayu / Test

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis risus sed vulputate odio ut enim blandit volutpat. Enim facilisis gravida neque convallis a cras semper.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis risus sed vulputate odio ut enim blandit volutpat. Enim facilisis gravida neque convallis a cras semper.

Land Texture

Grunge Texture

Grunge Texture

Grunge Texture