The Anatomy Of A Brand Style Guide


A brand style guide is a brief blueprint that displays the visual elements of a brand. It's a simple tool that adds so much power to your business when used properly. By constantly sticking to the visual rules of your style guide, you create consistency which creates memorability, trust, and a loyal community of  followers. #businessgoals

Let's down the anatomy of a brand style guide so you know exactly what you're looking at when you receive one.

 
 
Hello Brand Collective | The Anatomy Of A Brand Style Guide
 
 

but first, understand that: No two brand style guides are the same.

Every brand is different and has both visual styles and needs unique to their business.

The overall foundation may look the same, but some may have more additional elements than others.

So, let's get to covering the basics shall we?

 
 
Hello Brand Collective | Anatomy Of A Brand Style Guide
 
 

Main logo

Your main logo is the primary logo that will represent your brand.

Usually they are in the form a wordmark (all text. see our logo to the right as an example), however, lettermarks (text based with use of initials in place of the entire name. example: CNN) and icons/symbols are just as acceptable.

 
Hello Brand Collective | Main Logo Design
 

Color palette

These are the colors that represent your brand. Each color should play a certain role in the palette and should create particular emotions within your audience.

Generally, you should choose 3-6 main colors for your brand. However, it is always a good idea to also have lighter (tints) and/or darker (shades) options for each main color (these do not need to appear on the style guide).

 
Hello Brand Collective | Anatomy Of A Brand Style Guide | Color Palette
 

Alternate logos

Alternate logos are variations of your main logo. These should look and feel similar to the main logo, but can be different in terms of layout and color. There will be situations where spacing or color is limited for your logo, so it's great to have an alternative one on hand.

Example: Your main logo may be too wide for you to use on your social media posts, so a lettermark, submark, or even a stacked logo is a great option to have (these are not the only alternate logo options you can have, these are just a few to name).

 
Hello Brand Collective | Anatomy Of A Brand Style Guide | Alternate Logos
 
 

Typography (aka fonts)

Brand typography is a set of carefully selected fonts chosen (or created) to represent your brand. You generally will have around 3 core fonts (but can have more or less):

1. Main font - generally used for headings
2. Alternative font - generally used for subheadings and emphasis
3. Body font - used for large bodies of text, like paragraphs

You don't always have to stick to these rules (we didn't), it is your brand after all.

For our brand, we chose to use our main font for both our heading 1 and 2, but used a different style for heading 2. We also used the same font for heading 3 and our body font; again, using different styles to keep them unique. Finally, we added an accent font to create extra character and personality. 3 fonts, 4 different styles. #workingit

Main font

Alternative font

Body font


heading 1

heading 2

heading 3

Body

Accent font
 

Favicon

Favicons are icons associated with the brand's URL and is displayed in the web browsers address bar (see far right image).

Because these are so small and can only be a max size of 64 x 64 pixels, favicons are usually a simple letter, icon, image, or small submark.

 
Hello Brand Collective | Favicon
Hello Brand Collective | Favicon Browser Bar
 

Brand textures & patterns

These are different textures and patterns that correlate well with or represent your brand. You can use patterns and textures in your brand collateral, on your website, and on your social media profiles! These are usually fun elements that allow you to further visually display your brand and incorporate some of your brands accent colors.

Hello Brand Collective | Anatomy Of A Brand Style Guide | Patterns
 

Signature

A signature is an additional brand element that not every brand will have, but it does add a nice personal touch. They can be used anywhere you'd like to sign a name off on.
Example: blog posts, emails, etc. (see end of post to see ours in action!)


xox, katelyn & nicole

xox, katelyn

xox, nicole
 

Mood board

Mood boards are a collage of images that come together to visually represent the moods and tones that your brand is trying to encompass. Your mood board should visually attract and create a "mini experience" for the audience that you’re looking to serve.

Hello Brand Collective | Moodboard
 

There you have it!

Keeping your identity cohesive and on-brand at all times is super important for the success of your business.

Having trouble with your brand style? Ask us any questions you have below!

 

Is your branding working for you?


 


xox, katelyn & nicole

Meet the team →