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
Primary Color
HEX: #4D6C9C
RGB: 77 / 108 / 156
Secondary Color
HEX: #EACC70
RGB: 234 / 204 / 112
Accent Color
HEX: #925724
RGB: 146 / 87 / 36
Background Color
HEX: #E5EAF2
RGB: 229 / 234 / 242
Font Families
Heading Font
Font Family: Gill Sans
Styles: Regular 400
Gill Sans
Sub Headline, Body Font
Font Family: Garamond
Styles: Regular 400, Bold 700, Italic
Garamond
Typography
Heading 1
Font Family: Gill Sans
Font Size: 58px
The quick brown fox jumps over the lazy dog.
Heading 2
Font Family: Gill Sans
Font Size: 38px
The quick brown fox jumps over the lazy dog.
Heading 3
Font Family: Gill Sans
Font Size: 32px
The quick brown fox jumps over the lazy dog.
Heading 4
Font Family: Gill Sans
Font Size: 26px
The quick brown fox jumps over the lazy dog.
Heading 5
Font Family: Gill Sans
Font Size: 24px
The quick brown fox jumps over the lazy dog.
Heading 6
Font Family: Gill Sans
Font Size: 14px
The quick brown fox jumps over the lazy dog.
Paragraph
Font Family: Garamond
Font Size: 22px
Images
Images will be automatically extended past the content area when image alignment is set to: ‘None’, ‘Left’, or ‘Right’. Alignment set to ‘Center’ will not be extended. For images with alignment set to ‘None’, image width should be at least 880px.
Align None
Align Left
Phasellus consectetur facilisis tellus, eget iaculis libero. Aenean sagittis iaculis diam, ut scelerisque risus dapibus ut. Morbi ultrices enim metus, sed imperdiet ante laoreet id. Proin id quam tempus, rutrum sem a, faucibus enim. Proin orci lorem, eleifend nec tellus tincidunt, volutpat volutpat mi.
Align Right
Phasellus consectetur facilisis tellus, eget iaculis libero. Aenean sagittis iaculis diam, ut scelerisque risus dapibus ut. Morbi ultrices enim metus, sed imperdiet ante laoreet id. Proin id quam tempus, rutrum sem a, faucibus enim. Proin orci lorem, eleifend nec tellus tincidunt, volutpat volutpat mi.
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
Ordered List
- List Item 1
- List Item 2
- List Item 3
Unordered List
- List Item 1
- List Item 2
- List Item 3
Table Styles
| Table Header 1 | Table Header 2 | Table Header 3 |
|---|---|---|
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |