
Sample Style Guide
With every new client website, we provide a Style Guide page for your reference. This page provides you with information about the fonts, colors, layout, and other details regarding the overal design of your website. This page shows you the styles used for our own website here at HarnessYourWebsite.com.
This is an H1 heading
This is an H2 heading
This is an H3 heading
This is an H4 heading
This is an H5 heading
This is an H6 heading
Color Palette
Primary
#FC781F
Secondary
#428BCA
Accent
#FF50AF
Primary Hover
#FC6400
Secondary Hover
#145791
Accent Hover
#F50084
Dark Grey
#2E3641
Green
#68B048
Light Grey
#F4F4F4
Dark Grey Hover
#262C35
Green Hover
#528B39
Lighter Grey
#F8F8F8
Text
#3E4958
Black
#000000
White
#FFFFFF
This is standard paragraph body text. We need to have enough sample text here so you can best gauge how a full paragraph will look. Here is some bolded text.ย Here is some italicized text. Here is some underlined text. Here is a link to another page. Here is some more filler text for good measure. Oh, and let’s not forget to try out the emoticons. ๐ ๐ ๐ If you only see text instead of emoticons, it’s because emoticons are disabled on this website. Disabling emoticons can improve load times.
We also need a second paragraph, so we can see vertical spacing between paragraphs. It probably wouldn’t hurt to have a bulleted list here too, so check this out:
- Bulleted list item #1
- Bulleted list item #2
- Bulleted list item #3
Then, of course, we need one last paragraph so we can test the vertical spacing from the bottom of the bulleted list above.

- This is an icon list
- This is an icon list
- This is an icon list
- This is an icon list
- This is an icon list with centered text
- This is an icon list with centered text