21 Brand Style Guide Examples for Visual Inspiration

With regards to constructing a memorable model, it is all about consistency.

While you’re buying in your favourite cereal or espresso on the grocery retailer, you need to have the ability to spot it from a mile away.

One of the best manufacturers stick in our brains as a result of their presence is outlined by the repetition of the identical brand, fonts, colours, and pictures.Free Download: How to Create a Style Guide [+ Free Templates]

As soon as we see them sufficient, they grow to be immediately recognizable, bringing us a transparent sense of reliability and safety.

Creating a constant model begins with making a model type information. These branding rule books assist graphic designers, entrepreneurs, internet builders, neighborhood 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.

We have compiled an inventory of some superior model type guides to make use of as inspiration in your subsequent branding challenge or web site redesign. Test them out under.

Image probably the most recognizable manufacturers you may consider. Likelihood is, you have discovered 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.

Listed below are just a few varieties of pointers you’d discover in a model type information and which components of a model they will affect.

Mission Assertion

By repute, you would possibly assume a mission assertion is in its personal class of significance to a enterprise. And it’s. However what you are promoting’s mission assertion can be compass in your model type information. A mission assertion ensures every bit of content material you create in your model is working towards the identical purpose — and, ideally, strives to unravel the identical downside in your buyer.

Your mission assertion can information your:

  • Weblog content material.
  • Paid/sponsored content material
  • Advert copy.
  • Visible media.
  • Slogan or tagline.

Purchaser Persona

By definition, a purchaser persona is a fictional illustration of your preferrred buyer. It will probably embody particulars associated to your buyer’s age, gender, job title, {and professional} challenges. For that reason, your purchaser persona also needs to seem in your model type information. Your purchaser persona is your audience, and subsequently stipulates for whom your model publishes content material.

Your purchaser persona can information your:

  • Weblog content material.
  • Advert copy.
  • Visible media.

Coloration Palette

A shade palette is a gaggle of colours an organization makes use of to design its model, and it guides every bit of visible content material the model creates. Your shade palette will be as easy or as elaborate as you need, as long as your model does not deviate from the colours you select to incorporate.

Coloration palettes that function a number of colours usually dedicate particular colours to particular varieties of advertising and marketing content material. Whereas the primary two colours of your shade palette would possibly govern your brand, for instance, the subsequent two colours would possibly assist your web site and weblog design. One other two or three colours is perhaps the premise for all of your printed branding materials.

It doesn’t matter what colours you utilize in your shade palette, ensure you determine their HEX or RGB shade codes. These codes include numbers and letters that will help you recall the precise shade, brightness, distinction, and hue you need related together with your model, so your colours do not regularly drift in look as you create new content material. You will discover shade codes utilizing most photo-editing or design software program that comes commonplace in your laptop. Study extra about discovering and committing to paint codes on this weblog publish.

Your shade palette can information your:

  • Emblem.
  • Web site design.
  • Printed advertisings.
  • Occasion collateral.

Editorial Model Information

These days, an editorial type information is the bread and butter of an authoritative model. This element of your model type information can have robust implications in your PR group, in addition to the individuals who write articles, scripts, weblog posts, and web site copy in your firm.

An editorial type information’s major job is to decide to an editorial stylebook (akin to Associated Press or Chicago), learn how to phrase sure merchandise, subjects the model can and can’t write about, and even different firms the model can and can’t point out. Nevertheless, a model’s editorial type information may also go into a lot deeper element about your purchaser persona: what they prefer to examine, the place they learn it, their basic studying degree, and so forth.

Your editorial type information can information your:

  • Weblog content material.
  • Video scripts.
  • Web site copy.
  • Touchdown web page copy.
  • Public relations speaking factors.
  • A information base supported by your customer support group.
  • Paid/sponsored content material.


Typography is one other visible aspect of your model type information, but it surely is not simply the font you utilize in your organization brand. Typographic pointers can assist your weblog design — which font you publish articles in — the hyperlinks and replica in your web site, and even a tagline to go together with your firm brand.

As you may see, the aim of the model type information is to type and preserve the entire numerous parts of an organization that, when mixed, spell out the complete model because it’s acknowledged.

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

1. Medium

Medium emphasizes each typography and shade in its model type information. Its information additionally embody particulars associated to the corporate’s “Function” and “Product Ideas.”

See the total model information here.

Brand style guide from Medium, featuring a white, black, and green color palette.

Supply: Behance

2. Wolf Circus Jewellery

Wolf Circus Jewellery’s product is all about look. Naturally, the corporate’s type information is simply too. The model’s type information contains the corporate’s mission assertion, product particulars, typeface, brand variations, a shade palette, and a separate set of pointers only for ads.

See the total model information here.

Logo variations for Wolf Circus Jewelry
Color palette for Wolf Circus Jewelry with three different shades of purple.

Supply: Issuu

3. Ollo

Ollo is so into shade and typography, it turned its type information right into a sport. Click on the hyperlink under to see how a lot you may manipulate the model. It is the right strategy to present content material creators how inventive they will get but in addition nonetheless adhere to Ollo’s particular typeface and shade codes.

See the total model information here.

Brand style guide by Ollo with color palette including four color codes

Supply: Bibliothèque Design

4. Skype

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

See the total model information here.


Supply: Microsoft

5. Barre & Soul

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

See the total model information here.

Color palette for Barre & Soul whose brand inspiration includes Retro, Energetic, and Edgy

Supply: Issuu

6. Spotify

Spotify’s type information would possibly seem easy and inexperienced, however there’s extra to the model than only a lime inexperienced circle. Spotify’s shade palette contains three shade codes, whereas the remainder of the corporate’s branding pointers focus closely on brand variation and album art work. The type information even permits you to obtain an icon model of its brand, making it simpler to characterize the corporate with out manually recreating it.

See the total model information here.


Supply: Spotify

7. Jamie Oliver

Jamie Oliver has an especially thorough model type information, protecting brand placement throughout all of its kitchenware merchandise. The corporate additionally contains a big shade palette with every shade sorted by the product it must be proven on.

See the total model information here.

Brand style guide for Jamie Oliver with red tiled images showing photography restrictions
Typography guidelines for Jamie Oliver

Supply: Issuu

8. Herban Kitchen

Herban Kitchen has each a shade and texture palette in its type information. These pointers assist to point out not simply how the model’s brand will seem, however how the corporate’s numerous storefronts will look from the surface to potential clients.

See the total model information here.

Brand style guide for Herban Kitchen with eight logo variations and six color code tiles

Supply: Issuu

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 preferrred client and what the model believes in, as effectively.

See the total model information here.

Brand style guide for Urban Outfitters with black and white logo variations

Supply: Issuu

10. Like to Trip

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

See the total model information here.

Color palette for Love to Ride with nine cool colors in circular icons
Infographic guidelines for Love to Ride

Supply: Issuu

11. Barbican

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

See the total model information here.

Brand style guide for Barbican with black and white logo in circle and gridlines
Typography guidelines in the style guide of Barbican art and learning centre

Supply: Issuu

12. I Love New York

Regardless of its famously easy t-shirts, I Love New York has a model type 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 type information delve into its brand positioning on numerous merchandise.

See the total model information here.

Brand style guide for I Love New York with logo and gridlines

Supply: Issuu

13. Cisco

Cisco’s type information is not only a information — it is an interactive model guide. The corporate takes web site guests web page by web page via its model’s imaginative and prescient, mission, technique, and even its promise earlier than exhibiting customers their brand and permitting them to really kind utilizing their proprietary typeface, “CiscoSans.” The place’s Cisco’s shade palette, you ask? The enterprise has a separate webpage for simply that.

See the total model information here.


Supply: Cisco

14. College of the Arts Helsinki

The type information of the College of the Arts Helsinki is extra of a inventive branding album than a standard advertising and marketing information. It exhibits you dozens of contexts during which you’d see this faculty’s provocative brand, together with animations.

See the total model information here.

Brand style guide of the University of the Arts Helsinki with black background and white sans typeface and X logo

Supply: Behance


NJORD’s minimalist type information offers you all the pieces you’d have to know to design utilizing the model’s brand and shade palette for each internet and print.

See the total model information here.

Brand style guide for NJORD with black and white logo and color palette

Supply: Behance

16. Espacio Cultural

This cultural heart in Argentina has a shade palette that is as elaborate because the creative workshops it hosts. Nonetheless, the model does a unbelievable job of breaking down each final shade code and brand placement you will discover — from the constructing itself to the ads selling it.

See the total model information here.

Brand style guide for Espacio Cultural with four typefaces and vibrant color palette

Supply: Behance

17. Alienware

Video avid gamers know Alienware from its game-friendly computer systems, however the remainder of the world is aware of it by the model’s glossy aesthetic. The corporate organizes its model type information into 4 fundamental components: voice, design, pictures, and accomplice. The latter describes (and exhibits) how the model interacts with accomplice manufacturers, akin to Star Wars.

See the total model information here.

Brand style guide and color palette for Alienware

Supply: Issuu

18. Netflix

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

See the total model information here.


Supply: Netflix

19. Scrimshaw Espresso

That includes a five-code shade palette, this “laid again,” “pleasant,” and “trendy” model has quite a lot of secondary logos it embraces in numerous conditions.

See the total model information here.

Supply: Issuu

20. NASA

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

See the total model information here.

The NASA Graphics Standards Manual white cover sheet

Red color palette of the NASA brand style guide

Black NASA logo variations from large to small

Supply: Standards Manual

21. New York Metropolis Transit Authority

Like NASA, the NYCTA has its personal Graphics Requirements Handbook, and it contains some fascinating typography guidelines for the numbers, arrows, and public transit symbols the common commuter takes as a right daily.

See the total model information here.



Supply: Standards Manual

Need extra? Learn The right way to Create a Writing Model Information Constructed for the Internet [Free Template].

New Call-to-action

About admin

Check Also

3 Ways to Leverage Brand Champions for Your Business

In our private lives, all of us need individuals who champion us.

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: