When creating a new Squarespace site, one of the first things that I do is create a very simple style guide.
In a nut shell, a style guide is a set of standards and guidelines for your brand. This could be anything from visual elements to content structure and can be a very powerful tool. Establishing a style guide can greatly improve your chances of a consistent design throughout your website. Consistency is key, especially if you are trying to create a strong brand presence for your audience.
A style guide could be anything from a single page with general visual styles or a 100 page document detailing everything to anything (i.e. how to display your logo on a pencil vs an envelope) about the brand. Please understand that this post is just going over setting up a very simple style guide to help you along your way while learning how to use Squarespace.
What should be in the style guide
Typically when starting a style guide I try to utilize as much general content and/or structure that would be on a page. Some of the items on the style guide could be the following:
- Headings (h1, h2, h3)
- Body copy and links
- Pull quotes
- Button styles
- Image blocks
- Custom code (if any)
One thing to note when using the Style Editor in Squarespace is that they don't show you every option unless it's on the current page you're styling. An example of this is, if your page doesn't have a Quote Block you won't be able to style your quotes until your page has one placed. This is another reason why a simple style guide can save you a lot of time and headache when trying to keep consistent styling throughout your site.
Creating a style guide won't give you access to every styling option throughout your site. For example, making style changes to your blog page and blog posts will have to be done within those sections. Below you will find a style guide example that I use on my current site. As you can see it is very simple, but is also very effective.
Now that you have a simple style guide put together you can start to use the style editor in Squarespace to create more consistent design choices being that you have your general styles all on one page. This will make your life a little easier as well as giving you the starting point for creating a much more in-depth style for your brand. If you have any thoughts, questions, or ideas about creating style guides, I would love to hear your comments below.