Is your brand consistent online? Your company should be equipped with an online style guide that makes sure your voice is clear and consistent. An online style guide is a list of brand guidelines, including language and visual styles. This document ensures the message you convey through your website, social media accounts, online ads, email campaigns, and more are consistent throughout all touchpoints.
Creating an online style guide can be simple. It just takes some love for organization and attention to detail.
As marketers, we know the importance of branding to help customers remember our business and keep them coming back for more. We also understand how important it is to stay consistent with that brand throughout all online properties: social media, websites, blog posts, videos… you name it.
By implementing a style guide, you can keep your voice consistent, your messaging cohesive, and your brand strong, alluring, and addictive. In other words, you can't attain seamless brand management without a style guide in place.
In this blog, we'll discuss what an online style guide is, what to include in the guide, and why you need it. We'll also give you a rough style guide template to make it easy for you to emulate the nitty-gritty.
Ready? Grab a cup of coffee, kick your feet up, and let's get started!
First things first, the definition.
A style guide is a concise, well-written resource that dictates how your brand should look to the outside world. This includes the color scheme, typography, imagery, or anything in between, a style guide makes sure that it's all in tandem with your brand image and voice.
Still elusive? Here's a different, more subtle definition: an online style guide is a set of elaborate instructions that act as a reference resource for defining your voice and brand image. Now that you know a thing or two about the famed style guide, let's jump straight into the details. Below, we answer your most pressing question: what to include in an online style guide.
Your company's logo is its public profile. It's critical that you clarify how your logo should be utilized in various situations.
For starters, your online style guide should include detailed information on how to align your logo. Take note that while the center-vertical alignment is an industry standard, other angles can be used to create emphasis or highlight certain elements in your design.
Here are some additional logo guidelines to consider:
There should be sufficient space around the logo to let it breathe and prevent its visual impact and clarity from being obstructed. This seems like a no-brainer but let's say someone wants to put your logo into a cramped little corner. Perhaps that's all the space they have, or maybe they just like putting images at the far end of any document. Looking at your style guide, they will know not to do that.
This is a very straightforward point in your brand guidelines: set a minimum size for your logo. The minimum size for digital use is ideally in pixels. That said, setting proportional values is as important as setting a minimum size. It is absolutely crucial for your logo to have sizing consistency across letterheads, over various products, and on digital applications.
Your minimum size and proportional value guideline could be as simple as:
Or as specific as:
Spelling out what your logo is and isn't dictates how your logo should be used at all times. Think of the times someone mispronounces your name, and you have to correct them. Assuming that people will "just know" what your logo is about won't gel well with your desire to have a strong brand identity. As such, give your logo a proper description—answer the how and why of your logo in a few crisp words.
Next up on our style guide must-haves is the font preference, otherwise known as typography. Your brand needs will dictate whether one typeface family will meet all of your needs or if you want to utilize multiple fonts. A good rule of thumb is to use a different font than the one in your logo since the contrast will help it stand out.
No matter how simple or sophisticated your typography scheme is, make sure it's used in all the correct ways by explaining different choices and giving clear instructions for use.
A brand's online style guide needs to outline each and every color used across all channels: social media, website, print materials etc. Prioritize and order the colors accordingly too: primary, secondary and tertiary colors.
The online style guide should specify which colors are associated with your brand along with their hex codes, recommended use, and any other relevant information.
Defining a color scheme will go a long way towards creating a consistent look and feel.
When it comes to the imagery section of your style guide, there are no hard and fast rules. It's your taste that really pulls the weight here. Everyone else will have to adjust accordingly.
Here are different ways to approach this section:
Lastly, but certainly not least, we have the brand voice. Your voice is all about positioning yourself in a way that helps your brand stand out from the rest, leave a lasting impression, and be easily identified. Having a style guide is key to nailing your brand voice time and again—without fuss or complication.
When creating brand voice guidelines, pay attention to these proven tips:
Now that we've shown you how to create the perfect online style guide, let's now look at the why of it all.
In a nutshell, an online style guide helps ensure a consistent brand experience. It means that no matter how, when, or where a customer experiences your brand, they're experiencing the same underlying traits. It's this consistency across all touchpoints that helps build trust, a brand, and brand voice. And with 4.66 billion internet users around the world (and growing), it's really more critical than ever for businesses to establish a comprehensive style guide.
Again, there are no hard and fast rules for creating a style guide template. Your business-specific wants and needs should be your guiding light here, your North Star.
Keeping in mind the five key elements of a style guide, here's a rough example of a template you could use:
There are no concrete rules for creating an online style guide. However, it ideally should be a flexible, ever-changing document. You'll want to make sure that essential information is accessible and accurate at all times.
This means no style guide should be static. Style guides in PDFs are the past and online style guides that are part of a more extensive brand management system are the future. With Marvia's Digital Brand Guidelines, your guidelines are always accessible online and directly connected to the corresponding brand assets in the DAM.
Treat this blog as a rough guideline—and educational resource to help you make informed decisions. But above all, remember that a style guide is a no-brainer. Without it, your brand is bound to be haphazard, unappealing, and pretty much unrecognizable in the eyes of your online customers (and your team). Do your due diligence and get it locked in right now.
Need more branding tips? Check out Marvia blog and get first-hand nuggets straight from our branding experts.
Ready to establish a centralized style guide for your brand? Schedule a demo and see how Marvia can simplify the process, ensuring consistency across all your communications.