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
Teal
HEX: #009192
RGB: 0 / 145 / 146
Orange
HEX: #E96A26
RGB: 233 / 106 / 38
Grey
HEX: #46494B
RGB: 70 / 73 / 75
Font Families
Used for the website and print touchpoints.
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.
Special Headings Font
Font Family: Brolide
Styles: Regular 400
Brolide
Fonts used for Canva
Heading and SubHeading Font
Font Family: Roboto Condensed
Styles: Regular 400, Bold 700
Body Font
Font Family: Libre Franklin
Styles: Light 300
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
- 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 |
Links
Horizontal Rule
Special Blocks
Related/Additional Stories Block w/in stories
You can align these to the left or right of the story so the text wraps around the box. These should be pulled from the pattern “Article Layout” under the [CBP] Charlottesville Tomorrow category.
Images and Captions
Images should be a resolution of 1200 x 630 for all articles. This is the standard image size for Facebook and should be used consistently for ease throughout all touchpoints. Here’s a helpful cheat sheet for social media image sizes.
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.
Textures and Banners
Below are examples of banners that can be used throughout the website and additional touchpoints. You can copy these blocks and use them throughout the website. There are several reusable blocks that are listed in the reusable blocks section that can be used across the site as well. See Posts > Reusable blocks on the left sidebar.
Land Texture
Grunge Texture
Grunge Texture
