Home » How to Build a Style Guide for Your Blog or Website

How to Build a Style Guide for Your Blog or Website

How to Build a Style Guide for Your Blog or Website

As a new blogger, you will want to build a consistent look and feel for your site.  One of the first things you need to do is to build a style guide, and it can be as simple or as detailed as you want.  The important thing is record your choices so that you can easily stay on track with your design for a cohesive look and feel.

Color Theme

First on the list is picking your color scheme. Most people recommend choosing 3-5 colors for your scheme.  You may already have something in mind, but if you don’t let me introduce you to a great free tool – Adobe Kuler Color Wheel.  The site is fairly self-explanatory, and you can generate your own theme or browse from tons of themes that have been submitted by others.  But one of my favorite ways to use this site is to upload an image with colors I may want to use and the tool automatically generates a color pallet for me!

Another fun site you can use to help you decide on your blog’s color palette is Colorcombos.com.   Not only does this site have great tools to help you choose a color scheme, but is has a neat feature called Color Scheme Extraction Tool.   Type in the address of any website, and this tool will extract a color scheme from it!  Fun to play around with!

Find a combo that you like?   Be sure that you jot down the RGB and hex codes for your colors on your style guide.  For example, here is the color palette I plan to use for this blog:

colors for mynewtwist.com

Fonts

Font size and type can be used to add personality to your blog and make it stand out.  Do you want your site to have a playful and fun feel, or are you looking for a more elegant or sophisticated tone?  This is one of the main questions you should ask yourself when deciding on fonts.

You’ll want to decide on font size and type for at least three different categories in your site:   headings, subheadings, and text.  Again, you will want to keep the same settings throughout your blog or website to keep that cohesive look. PicMonkey has a great article,  Font Pairing Like a Pro, that can help you decide on what fonts to use.

After you have made your choices, don’t forget to check for readability on both large screens and smaller screens like cell phones or tablets.  Your font combinations may look great on a desktop, but look like a blur on a cell.

Images

Images and graphics that appeal to you and work well with your color scheme and blog tone should be listed here in your style guide.  These are the ones that you will use repeatedly throughout your site.

Blog Post Ideas

Some people recommend having a stockpile of blog articles ready to go when you launch your site, and others say it’s ok to start with one or two.  Whichever way you decide, the blog style guide is a good place to make a list of posts you are planning to write, or just jot down your ideas.

Click here to get a free printable of my style guide!

Did you use a style guide when you started your blog or website?  What other items would you find useful to include?

 

Leave a Reply

Your email address will not be published. Required fields are marked *