CO Logo

Cynthia Oswald

Surface Design, Fine Art + Branding for Creatives

style guide

3 Simple Steps to Bring Awareness to Your Preferences & Brand Cohesion

Bring awareness to your preferences and establish brand cohesion

I’ve written about this topic in a prior blog article, but I wanted to dig in a little bit deeper in this latest video. If you want to take a look at the prior post, click here or keep reading below to catch a transcript from everything in the video.

Step 1: Define what is holding you back

Have you ever been in a situation where you’ve toiled over and worked on something all day long and it still just doesn’t feel right or as good as it could be? Then you go to sleep, and wake up the next day with this sudden clarity and you just know exactly how to move forward or what to tweak to complete that task or project? This happens to me quite often. Oftentimes, it takes a tiny little shift in perspective, taking a step back or removing something — giving yourself the space to reflect on what is working and what is not that helps you move forward. 

So take a few moments to define what’s holding you back within your brand materials. What brand materials am I referring to? These would be your visuals, your voice, and your communication platforms. Think about what is not feeling right? What is disjointed? Define it so that you can take it off the table and move forward without it for the time being.

Step 2: Collect the brand assets you like

It’s really important to acknowledge what’s currently working and collect it. Put it all together in one spot —create a brand assets folder on your computer to house these items. Add any colors and/or images that you like or that are working well across your branding platforms and any copy that is really speaking to you or your audience. Keeping it altogether makes it easier to see and visualize how it all can work together for your brand.

Step 3: List what is currently working

Write down what about your branding is working? Why is it working? What is it that isn’t working and why you think that is? This is an exercise in awareness. Knowing this things is going to help you in every decision that you make going forward relating to your brand and it’s going to help you be more cohesive automatically. 

Creating visual hierarchy

website success tips

Visual hierarchy and how to use it effectively on your website

Today’s tip is about creating a visual hierarchy on your website. I want you to be thinking about what happens when you land on your website homepage or any other corresponding page secondary page. How is it that your eye moves through the page? Sometimes it’s really hard to look at that when you’re the one building your own site. I always recommend starting with wireframes for this purpose. If you’re struggling to create a visual hierarchy on your own site, I suggest taking a look at websites that you like to frequent and taking note of how they create visual hierarchy. How are they creating balance and how are you as the viewer moving through the page naturally? 

Here are a few things you can do to create this on your own site:

  1. You can use images and color blocking as a way to create a visual hierarchy by breaking the page into sections. It allows your eye to focus on different locations. 
  2. You can also utilize scale in your imagery and copy. Creating standard looks for headlines, subheads, and body copy is just going to help people understand where they should look first, second, and third, and finally where they should land. 
  3. Finally be thinking about that call to action and how does that fit into the visual hierarchy? This is important because your call to action is what you want people to gravitate toward on your website. 

A visual hierarchy works quickly and subconsciously to guide users through your content. We just look at a page or a composition and we’re naturally moving through the information/imagery. Again, try to take a look at some sites that you enjoy visiting and you’ll start to see what’s working and how they’re doing it. Then you can take some ideas you pulled from looking at those other sites and begin implementing them into your own brand visuals. 

Want to know more website success tips? Download my FREE Website Checklist!

Creating a Style Guide

Website Success Tips

Creating your brand cheat sheet

I am excited to share some important things you want to be considering when it comes to the visuals you have on your website and something I always create for my clients is a brand cheat sheet (also known as a style guide). 

A style guide is a cheat sheet for yourself that helps you stay consistent and cohesive throughout your website and your communication platforms. Examples of this would be when building an email template, building or editing different aspects of your website, or when creating social media graphics. In addition to creating brand cohesion, having a brand cheat sheet allows you to work so much faster! You aren’t wasting time trying to figure out what color you used last time, what font did I use as my body font, etc. 

Brand cheat sheets are pretty simple to make, I would suggest using Canva or Adobe Express to make one for your business if you don’t have one already. Listed below are some things to include in your brand cheat sheet if you are creating your own.

What to include on your website brand cheat sheet

Hex Colors

What are hex colors? They are color codes that have a hashtag followed by a combination of six digits (can be letters or numbers or both!). For example, one of my hex codes is #3C462D — the super secret code for the dark green in my branding. 

How do I find out what the hex codes are for my brand colors? If you have the color makeup for your brand colors in CMYK or RBG you can convert to HEX here: https://g.co/kgs/Tynft2

I would suggest having 3-5 hex colors for your brand. You should be able to use these hex codes throughout your email marketing, social media, and website seamlessly.

Fonts

It is always nice to outline the fonts you are going to come across throughout your branding. Having two to four font treatments gives you some great variation to make your brand stand out. The two types of fonts you want to make sure you include are a headline font and body copy font and make sure they flow well together.

Logos

All variations of your logo—horizontal, vertical, square, emblems, one-color, full-color, etc.

Brand Imagery

Images you want to show alongside your logo. You want these to be cohesive with your brand and serve as examples of what type of imagery you want to use and want people to associate with your brand.

I hope the tips above help you create a quick style guide that serves as a catalyst for brand cohesion in your business if you do not have one already.