Style Guide

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

Pink

HEX: #C7417B
RGB: 199 / 65 / 123

#C7417B

Navy

HEX: #0E263F
RGB: 14 / 38 / 63

#0E263F

Yellow

HEX: #FCC60E
RGB: 252 / 198 / 14

#FCC60E

Green

HEX: #588124
RGB: 88 / 129 / 36

#588124

Font Families

Used for digital and print touchpoints.

Heading Font

Font Family: Paralucent Condensed
Styles: Heavy 700

Heading 1

Heading 2

Heading 3

Heading 5
Heading 6

Subheading Font

Font Family: Paralucent Condensed
Styles: Demi Bold 500

Heading 4

Buttons, Quotes, Etc.

Font Family: Paralucent Text
Styles: Bold 700

I’m a quote!

Body Font

Font Family: Monotype Grotesque
Styles: Regular 400, 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

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

standard link

Horizontal Rule


Tutorials and References