21 Brand Style Guide Examples for Visual Inspiration

Growing a constant model begins with making a model model information. These branding rule books assist graphic designers, entrepreneurs, internet builders, group managers, and even product packaging departments all keep on the identical web page, and current a unified imaginative and prescient of the model to the general public.

The most effective manufacturers stick in our brains as a result of their presence is outlined by the repetition of the identical brand, fonts, colours, and pictures. As soon as we see them sufficient, they turn out to be immediately recognizable, bringing us a transparent sense of reliability and safety. All of that is attainable when every member of your workforce adheres to a cohesive model model information.

On this article, we’ll go over what model pointers are, the weather of a method information, and a few superb examples of them in motion to make use of as inspiration in your subsequent branding mission or web site redesign.

Image probably the most recognizable manufacturers you may consider. Likelihood is, you have realized to acknowledge them due to the consistency throughout the messaging — written or visible — these manufacturers broadcast. The identical model colours are mirrored throughout them. The language sounds acquainted. It is all very organized and, whereas not inflexible, it is cohesive.

Even should you work at a small firm, you too can create a model model information that takes your organization’s visible identification to the subsequent degree. However earlier than you sit all the way down to create your branding pointers, it’s important to take a step again and outline your model’s mission assertion and purchaser personas.

These strategic components will enable you dive into the tactical parts of your model model information later.

Model Tips Mission Assertion

Your mission statement is an action-oriented assertion declaring your group’s function, making it the compass of your model model information. It ensures that every one your content material is working towards the identical aim and connecting along with your viewers. This assertion can information your weblog and paid content material, advert copy, visible media, and slogan.

You may both embrace your mission assertion inside your model information, create a separate doc which you can reference through the creation course of, or distill your mission assertion right into a slogan which you can place on the head of your doc.

Model Tips Purchaser Persona

A buyer persona is a fictional illustration of your splendid buyer. It consists of particulars in your buyer’s job title, age, gender, {and professional} challenges — subsequently stipulating for whom your model publishes content material.

Your purchaser persona guides your weblog content material, advert copy, and visible media, which might entice helpful leads and prospects to what you are promoting.

Obtain our free useful resource on easy methods to create your individual model information with model pointers templates to comply with. Making a constant model information is not simple, however with these instruments you may construct an unforgettable one with ease.

Subsequent, we’ll go over a number of components you’d discover in a model model information and which components of a model they’ll affect.

Obtain our free useful resource on easy methods to create your individual model information with model pointers templates to comply with. Making a constant model information is not simple, however with these instruments you may construct an unforgettable one with ease.

The Components of a Model Model Information

A model model information encompasses rather more than only a brand (though that’s essential, too). It visually encompasses every thing your model is about — all the way down to what you are promoting’ function. Listed below are some key components that make or break a model model information.

Emblem

Your logo may look like the only side of your branding pointers, however in actuality, it’s one of the advanced and most essential components.

In your information, you must embrace a visible of your brand, clarify its design particulars, and describe how it may be utilized by exterior and inside publishers (with or with out your model image, for example, or with sure spacing necessities).

You also needs to embrace incorrect usages — i.e, you may advise in opposition to rotating the design or curving the font. That approach, whether or not you or another person is publishing details about your organization, your brand seems to be constant all over the place.

In case your model is well-known and many retailers publish details about you, you may need to present a complete doc outlining acceptable use insurance policies in your brand.

Shade Palette

The color palette might be one of the distinctive and recognizable components of an organization’s branding pointers. It’s the group of colours your organization makes use of to design its brand assets, guiding every bit of visible content material created. These shade combos typically comply with HEX or RGB shade codes, and govern your brand, internet design, printed adverts, and occasion collateral.

A brand color palette mustn’t solely embrace your main shade, but additionally all kinds of secondary, tertiary, and impartial colours. This may can help you provide you with extra dynamic and diversified designs within the content material creation stage. When you don’t outline an array of choices, you may run the chance of getting your workforce create content material with random secondary colours, which might look inconsistent.

Typography

Typography is a visible aspect of your model model information that goes past the font you employ in your organization brand. It helps your model’s design all the way down to the hyperlinks and replica in your web site — even your tagline. We advocate specifying a main and secondary font, with a mix of serifs and font weights for various use circumstances.

Keep in mind, the aim of your branding pointers is to empower your folks and exterior stakeholders to create constant however diversified collateral on behalf of your model. You don’t need to restrict them with a single font choice.

For example, HubSpot’s main font is Lexend Deca (sans-serif), whereas our secondary font is Queens (serif). They’re each built-in in our very personal Content Hub, and our design software, Canva, the place we will use all kinds of font weights to create property.

Don’t overlook: Typography performs a significant function in your web site’s consumer expertise, so that you need to make certain it’s visually interesting whereas additionally being accessible and simple to learn.

Imagery and Iconography

You might be able to solely embrace your brand, colours, and fonts in your pointers, however should you’d wish to create a stronger model information, contemplate together with accepted imagery, pre-designed icons, and customized symbols in your firm to make use of throughout your web site and print collateral.

In case your price range is smaller, you may advocate photographic types (i.e candid versus staged, etcetera), after which direct content material creators to your most well-liked inventory photograph supplier (i.e. Shutterstock, Unsplash). Alternatively, you may fee an organization photoshoot at a studio and make the ensuing images out there for artistic use.

Symbols and icons may also be a fantastic addition to your branding pointers. As with images, you may all the time discover free icons on-line and advocate what to make use of versus what to not use — for example, you may desire to make use of define icons solely, and never full-color. It’s also possible to fee customized icons from a contract graphic designer.

Model Voice

If your organization visuals are the flesh and bones of your model information, your brand voice is the beating coronary heart.

The significance of your model voice can’t be overstated. Whether or not you need your organization’s character to be pleasant and informal, or distant and formal, you need to make it simple for entrepreneurs, salespeople, and content material creators in your workforce to know easy methods to symbolize your model on-line. This may guarantee constant messaging throughout all channels.

It’s also possible to embrace a full editorial model information. The job of an editorial style guide is to commit an editorial stylebook on easy methods to phrase sure merchandise, checklist matters the model can and can’t write about, and different corporations it could possibly point out. Your editorial model information can information your weblog content material, video scripts, web site and touchdown web page copy, PR speaking factors, and data base articles.

As you may see, the aim of the model model information is to kind and preserve the entire varied components of an organization that, when mixed, spell out the whole model because it’s acknowledged.

Intrigued? Take a look at 21 of one of the best ones we may discover.

1. Medium

Medium easy model model information emphasizes utilization of its brand, wordmark, and image. Medium’s brand is the model’s main graphic aspect and was created to really feel “assured, premium, timeless, and trendy.”

See the total model information here.

Image Source

2. Walmart

Walmart is without doubt one of the world’s largest and most recognizable manufacturers, so it is no shock that its model information is extraordinarily thorough.

The information consists of the model’s brand, images, typography, illustrations, iconography, voice, editorial model, and extra. Walmart’s shade palette is so integral to its model identification that its main shade is named “Walmart Blue.”

See the total model information here.

Image Source

3. Asana

Asana’s easy model information highlights its brand and shade palette. It additionally explains easy methods to correctly use the model’s property.

See the total model information here.

Image Source

4. Skype

Everybody’s favourite video chat platform additionally has a squeaky-clean model information for its model. Skype, now owned by Microsoft, focuses totally on its product phrasing and brand placement.

See the total model information here.

Image Source

5. Barre & Soul

Barre & Soul’s model model information consists of variations of its brand, brand spacing, secondary logos, supporting imagery, and a five-color shade palette.

See the total model information here.

Image Source

6. Spotify

Spotify’s model information may seem easy and inexperienced, however there’s extra to the model than only a lime inexperienced circle. Spotify’s shade palette consists of three shade codes, whereas the remainder of the corporate’s branding pointers focus closely on brand variation and album paintings.

The model information even permits you to obtain an icon model of its brand, making it simpler to symbolize the corporate with out manually recreating it.

See the total model information here.

Image Source

7. Starbucks

Starbucks’ interactive model model information consists of particulars about easy methods to use its core components similar to the enduring Siren brand and inexperienced shade palette.

Plus, the information incorporates a visible spectrum of how their artistic property can be utilized throughout completely different channels in addition to case research of various seasonal campaigns and product launches.

See the total model information here.

Image Source

8. Paris 2024

Paris 2024’s model identification pays homage to the 1924 Olympic Video games by means of Artwork Deco impressed design. The long-lasting emblem, shade scheme, typeface, and iconography are all detailed in its model information. Better of all, designers utilized eco-branding strategies to Paris 2024’s model supplies to cut back the quantity of ink and paper wanted for bodily supplies in addition to restrict the ability and information consumption on digital components.

See the total model information here.

Image Source

9. City Outfitters

Images, shade, and even tone of voice seem in City Outfitters’ California-inspired model pointers. Nevertheless, the corporate is not shy to incorporate details about its splendid client and what the model believes in, as effectively.

See the total model information here.

Image Source

10. Like to Trip

Like to Trip, a biking firm, is all about shade selection in its visually pleasing model information. The corporate’s model pointers embrace 9 shade codes and tons of element about its secondary logos and imagery.

See the total model information here.

Image Source

11. Barbican

Barbican, an artwork and studying middle in the UK, sports activities a loud but easy model information focusing closely on its brand and supporting typefaces.

See the total model information here.

Image Source

12. I Love New York

Regardless of its famously easy t-shirts, I Love New York has a model model information. The corporate begins its pointers with an intensive clarification of its mission, imaginative and prescient, story, audience, and tone of voice. Solely then does the model information delve into its brand positioning on varied merchandise.

See the total model information here.

Image Source

13. TikTok

TikTok’s model information is not only a information — it is an interactive model guide. First, it gives an in-depth look into the way it brings its model to life by means of design. Then, it offers an outline of its brand, co-branding, shade, and typography. At its core, TikTok is a model that “celebrates the relentless power, creativity, and expression of [its] customers.”

See the total model information here.

Image Source

14. College of the Arts Helsinki

The model information of the College of the Arts Helsinki is extra of a artistic branding album than a conventional advertising information. It exhibits you dozens of contexts through which you’d see this college’s provocative brand, together with animations.

See the total model information here.

Image Source

15. Ivy Lane Occasions

Ivy Lane Occasions’ daring model information is reflective of the edgy occasions the corporate produces. In it, you will discover a temper board with darkish, romantic visuals impressed by “victorian gothic model and classic guide artwork.” The information additionally particulars the correct utilization design components such because the wordmark, main icon, secondary logos, shade, and typography.

See the total model information here.

Image Source

16. Western Athletic Convention

The Western Athletic Convention’s model model information consists of intensive details about its historical past, mission, and imaginative and prescient. It additionally highlights its member universities and athletic championships and awards it’s concerned with. The model components embrace brand, colours, slogan, patch, and extra.

See the total model information here.

Image Source

17. Discord

Discord’s model information is as colourful and playful because the communities it serves. The model’s movement components are primarily based on the dot, which represents the Discord consumer interacting with others within the communities it belongs to. The information describes utilization of Discord’s typography, colours, and icon (lovingly named Clyde).

See the total model information here.

Image Source

18. Netflix

So far as its public model property are involved, Netflix is concentrated totally on the therapy of its brand. The corporate provides a easy algorithm governing the scale, spacing, and placement of its well-known capitalized typeface, in addition to a single shade code for its basic pink brand.

See the total model information here.

Image Source

19. Scrimshaw Espresso

That includes a six-code shade palette, this “laid again,” “cool,” and “eclectic” model has a lot of secondary logos it embraces in varied conditions.

See the total model information here.

Image Source

20. NASA

NASA’s “Graphics Requirements Handbook” is as official and sophisticated as you suppose it’s. At 220 pages, the information describes numerous brand placements, shade makes use of, and supporting designs. And sure, NASA’s house shuttles have their very own branding guidelines.

See the total model information here.

Image Source

21. New York Metropolis Transit Authority

Like NASA, the NYCTA has its personal Graphics Requirements Handbook, and it consists of some fascinating typography guidelines for the numbers, arrows, and public transit symbols the common commuter takes without any consideration day by day.

See the total model information here.

Image Source

Branding Tips Suggestions

If you wish to take your branding model information to the subsequent degree, I like to recommend following these finest practices, which the HubSpot Artistic workforce has used to disseminate branding data to the remainder of the HubSpot Advertising and marketing workforce.

This has not solely made my job as a blogger simpler, but additionally makes our branding really feel effectively thought-out and cohesive.

1. Make your pointers a branded doc.

Whether or not you’re publishing your branding pointers on-line or creating an inside presentation, contemplate making the rules themselves a branded doc. Make sure the revealed doc follows your established model voice, makes use of the symbols and imagery you’ve created, and employs the colours and typography that makes your model really feel such as you.

When our Artistic workforce rolled out a visible identification refresh for the HubSpot model, all of us acquired entry to a branded playbook that summarized all of the modifications and described how we must always symbolize HubSpot on-line shifting ahead. Not solely was I an enormous fan of the refresh, but additionally of the best way it was offered to our workforce in a branded doc.

You are able to do the identical, no matter your price range. Our Artistic workforce truly used a free software, Google Slides — so it’s completely doable for a small or freelance model!

2. Identify your model’s colours.

You’ve already chosen your shade palette — why go so far as naming the colours? Giving your colours distinctive names (other than “blue” or “orange”) may also help you tie the tactical components of your branding into an total theme or ethos.

To not point out that it’s superior to have the ability to consult with firm colours by a novel title. Think about if we known as Solaris, HubSpot’s main model shade, “HubSpot Orange” — that merely doesn’t have the identical ring.

In our visible identification refresh, our Artistic workforce brightened and intensified our shade palette, then renamed the person hues. They wrote, “Each shade, tint, and shade relies on central themes. […] Whether or not it’s a subway line in Paris, or a flower-lined avenue in Japan, the secondary shade names are a veritable tour of essential cultural and geographical touchstones from HubSpotters everywhere in the world.”

Take into consideration what makes your model distinctive, and why you selected the colours that you simply did. For example, should you work at a regulation agency that makes a speciality of automobile accident circumstances, you may select pink as one of many model colours and name it “Cease Gentle.”

3. Create easy-to-use branded templates.

Alongside your branding pointers must be templates to empower your workforce to simply design branded property, even when they’re not designers. At HubSpot, we hold all of our templates in our workforce’s Canva account. There, anybody (myself included) can edit pre-made designs for any variety of use circumstances.

As a author on the HubSpot weblog, I’ve to create graphics to complement the knowledge I’m sharing. The branded templates made by our Artistic workforce have made my work a fantastic deal simpler — and I can think about that it’s the identical for our Social Media workforce, when they should publish an replace on any one in every of HubSpot’s social media profiles.

Whether or not you run a small or giant enterprise, you may profit from creating not less than one template that might be adjusted to completely different sizes. Not everyone seems to be a designer, however with templates, you may guarantee your model seems to be skilled regardless of who creates an asset.

4. Guarantee your branding is optimized for all channels.

Image Source

Your branding pointers ought to embrace completely different specs for various channels — or, alternatively, you must have property and designs that may be adjusted for varied channels and mediums. Not just for sizing functions, however for accessibility functions, too.

For example, should you primarily market your model over Instagram and in your web site, then your branding ought to have internet accessible colours, in addition to Instagram-friendly designs and sizes. On Instagram, you may need to keep away from small, mild typography, and so your font ought to work effectively for that channel, too.

You don’t need to considerably change your branding from channel to channel; it ought to work comparatively effectively regardless of the place you’re advertising your model.

Construct a Memorable Model Information of Your Personal

When you construct your distinctive model model information, prospects will acknowledge your model and affiliate it with all of the visible cues you need them to. We hope you had been impressed by our checklist of wonderful model model guides and want you luck in making a timeless model of your individual.

Editor’s observe: This publish was initially revealed in January 2017 and has been up to date for comprehensiveness.