Growing a constant model begins with making a model fashion information. These branding rule books assist graphic designers, entrepreneurs, net builders, neighborhood managers, and even product packaging departments current a unified imaginative and prescient of the model to the general public.
One of the best manufacturers stick in our brains as a result of their presence is outlined by the repetition of the identical emblem, fonts, colours, and pictures. As soon as we see them sufficient, they turn into immediately recognizable. All of that is attainable when every member of your staff adheres to a cohesive model fashion information.
![Free Download: How to Create a Style Guide [+ Free Templates]](https://no-cache.hubspot.com/cta/default/53/76520ae5-1a3b-4055-9e8e-95e150b90965.png)
So, what’s a model fashion information? On this article, I am going to go over the weather of a method information and share some wonderful examples of them in motion to assist encourage your subsequent branding mission or web site redesign.
Desk of Contents
What are model tips?
Model tips, also referred to as a model fashion information, govern the composition, design, and common look-and-feel of an organization’s branding. Model tips can dictate the content material of a emblem, weblog, web site, commercial, and comparable advertising and marketing collateral.
Image probably the most recognizable manufacturers you’ll be able to consider.
Likelihood is, you have discovered to acknowledge them attributable to one of many following causes:
- There is a written or visible consistency throughout the messaging.
- The identical model colours are mirrored throughout each asset.
- The language sounds acquainted.
- It‘s all very organized, and whereas not inflexible, it’s cohesive.
However earlier than you sit all the way down to create your branding tips, I might suggest taking a step again and defining your model’s mission assertion and purchaser personas. These strategic parts will enable you dive into the tactical elements of your model fashion information later.
Model Tips Mission Assertion
Your model tips mission statement ensures that all your content is working toward the same goal and connecting with your audience. It can also guide your blog and paid content, ad copy, visual media, and slogan.
Brand Guidelines Buyer Persona
Your brand guidelines buyer persona guides your weblog content material, advert copy, and visible media, which may appeal to useful leads and clients to your enterprise. You’ll be able to create one rapidly with our free persona tool.
The Parts of a Model Fashion Information
A model fashion information encompasses way more than only a emblem (though that’s necessary, too). It visually encompasses all the things your model is about — all the way down to your enterprise’ objective.
Listed below are some key parts that I imagine make or break a model fashion information, with hyperlinks to in-depth articles should you want extra steering or information:
- Logo. Logos are a powerful way to determine how your brand is perceived. We’ve got a nine-step guide to walk you through it.
- Color palette. Your brand color palette affects every aspect of your design, especially visual impact and user experience. We’ve got 50 unforgettable palettes to inspire you.
- Typography. Typography plays a critical role on any website by ensuring we can comfortably read and process all its text-based content. If a website’s typography works, we won’t notice. If it fails, chances are we’ll bounce off the page.
- Imagery and iconography. Ensure the best possible user experience with these icon best practices.
- Brand voice. Build your best brand voice using our free brand-building guide.
Style Guide Examples
- City of Chicago
- Olympic Games
- Amnesty International UK
- Sonic the Hedgehog
- Burger King
- Eurovision Song Contest
- OpenAI
- DC Comics 1982
- Reporters San Frontières
- Major League Soccer
- Czech Railway
- Coronation 2023
- EPA (1977)
- Docusign
- Zagreb Airport
- Oxford Student Union
- Fiat 2019
- Team Canada
- Hulu
- Brasil Governo Federal
- IBM
- American Airlines
- British Rail
- Elizabeth Line, Transport for London
- Medium
- Walmart
- Asana
- Spotify
- Starbucks
- Paris 2024
- Urban Outfitters
- Love to Ride
- Barbican
- I Love New York
- TikTok
- University of the Arts Helsinki
- Western Athletic Conference
- Discord
- Netflix
- NASA
- New York City Transit Authority
1. City of Chicago
See the full City of Chicago brand guide.
What I like: Chicago’s model tips relaxation on the wonder and ease of the town’s flag, each when it comes to colour and design. Plus, the tone of the information is enjoyable and informal — like its acknowledgement of how common Chicago stars are in tattoo designs.
A enjoyable element: The {custom} font, Huge Shoulders, comes from the Carl Sandburg poem “Chicago,” which gave the town its nickname “Metropolis of Huge Shoulders.”
2. Olympic Video games
See the complete Olympic Games brand guide.
What I like: The Olympic Video games nonetheless use the brand and colours from 1913, however the model was refreshed in 2022 by Ben Hulse (whose work reveals up a number of instances on this record). The daring interpretation of the Olympic colours embody the model traits: hopeful, common, inclusive, vibrant, and progressive.
3. Amnesty Worldwide UK
See the complete Amnesty International UK brand guide.
What I like: Amnesty Worldwide UK spells all of it out on the duvet: brilliant, daring, and optimistic. The pink, yellow, and blue model colours are cheerful, optimistic, and daring. This information additionally does a very good job of illustrating do’s, don’ts, and exceptions.
4. Sonic the Hedgehog
See the complete Sonic the Hedgehog brand guide.
What I like: Even cartoons want a method information. Sonic the Hedgehog’s embrace phrases for every character, which is a enjoyable and novel manner to make sure model consistency.
5. Burger King
See the complete Burger King brand guide.
What I like: Burger King says that all the things it does ought to make the meals “much more craveable” — together with the form of the font, which is custom-designed to evoke the shapes of meals.
6. Eurovision Tune Contest
See the complete Eurovision Song Contest brand guide.
What I like: The font is so personalized that no different characters exist apart from those within the phrase “Eurovision.” That provides the model an unmatched distinctiveness.
7. OpenAI
See the complete OpenAI brand guide.
What I like: OpenAI has put loads of thought into the symbolism behind all its colour decisions. For example, it makes use of loads of black and white in its branding to suggest that “OpenAI is an empty vessel that adapts to its content material.”
8. DC Comics 1982
See excerpts from the DC Comics 1982 brand guide.
What I like: What’s not to love? Even MCU apologists can respect the storytelling that went into DC Comics’ 1982 fashion information. Superheroes are grouped by colour palette, and every character features a written introduction with catchphrases, mythology, and different particulars.
9. Reporters San Frontières
See the complete Reporters San Frontières brand guide.
What I like: One among RSF’s slogans, “Struggle for info,” is straightforward however highly effective, which is mirrored in RSF’s three colours: black, white, and a vibrant pinkish-red. The information specifies tips on how to use accent colours — crimson or black ought to solely make up 20% of a design, with white utilizing the opposite 80%. That reinforces RSF’s spare however muscular branding.
10. Main League Soccer
See the complete Major League Soccer brand guide.
What I like: Main League Soccer’s fashion information has to incorporate colour mixtures for 20 groups. To make sure model cohesiveness, MLS has a single emblem mark, the crest, with no design variations. It additionally contains particular steering on making use of colour layers to pictures.
11. Czech Railway
See the complete Czech Railway brand guide.
What I like: The Czech Railway’s lovely colour palette is centered round a darkish blue and deep orange, and the brand mark evokes railway tracks.
12. Coronation 2023
See the complete Coronation 2023 brand guide.
What I like: This 23-page information covers one factor and one factor solely: The logo used for the coronation of Nice Britain’s King Charles in 2023. As such, it’s an interesting case examine intimately. The information contains half a dozen examples of tips on how to use the symbol on royal swag, and it’s exceedingly particular in its do’s and don’ts.
13. EPA (1977)
See excerpts from the EPA brand guide.
What I like: The U.S. Environmental Safety Company’s 1977 model information is a favourite of graphic designers for good motive. Take a look at the patterns designated as program identifiers, like “poisonous substances,” “noise,” and “radiation.”
The EPA’s jewel-toned rainbow of brand name colours features a muddy inexperienced referred to as “Pesticides Inexperienced” and a colour referred to as, ahem, “Stable Waste Brown.” The EPA should have been a enjoyable place to work within the Nineteen Seventies.
14. Docusign
See the complete Docusign brand guide.
What I like: Docusign features a web page of coloured pie charts to exhibit the right colour ratios. Docusign additionally stands out with a zinger of an accent colour — a brilliant coral that superbly contrasts with the purples within the model palette.
15. Zagreb Airport
See the complete Zagreb Airport brand guide.
What I like: Zagreb Airport in Croatia makes use of a easy triangle as a constructing block for advanced iconography that references Croatian heritage and tradition.
16. Oxford Scholar Union
See the complete Oxford Student Union brand guide.
What I like: The addition of colo(u)r mixtures is a pleasant contact right here. I’m a type of individuals who can take a wonderfully pretty colour palette and make a muddy mess of it, so that is one thing I’d like to see in additional fashion guides.
17. Fiat 2019
See the complete Fiat 2019 brand guide.
What I like: The 4 diagonal strains in Fiat’s emblem are mesmerizing. Fiat has included these easy 4 strains throughout its branding in playful, inventive methods, like altering the size of half the strains, because it’s achieved on the duvet (above).
18. Workforce Canada
See excerpts from the Team Canada brand guide.
What I like: Although just a few excerpts can be found from the complete 88-page model information, I’m together with this as a result of it’s merely beautiful. Canada’s crimson maple leaf may have been a drained image, however the designers reimagined it with advanced geometric patterns and daring colours.
19. Hulu
See the complete Hulu brand guide.
What I like: Hulu does so much with a comparatively restricted palette, mixing it up with daring typefaces and kooky illustrations. I additionally like this shade of inexperienced — regardless of being a standard colour, Hulu has landed on a standout hue.
20. Brasil Governo Federal
See the complete Brasil Governo Federal brand guide.
What I like: Brasil Governo Federal’s daring fashion and brash colours are eye-catching, to say the least. The fashion information contains data on tips on how to use the brand in video, which in my expertise is a model query that always goes unanswered.
21. IBM
See the complete IBM brand guide.
What I like: IBM’s model information is an unimaginable interactive expertise with movies and {custom} typeface previews. It’s additionally among the many most complete of this complete record, because it contains help for non-Latin scripts like Arabic and fonts that help alternate glyphs and even ligatures. There’s even a complete part devoted to information visualization.
22. American Airways
See the complete American Airlines brand guide.
What I like: American Airways’ fashion information has a ton of examples, together with specifics like what a part of the airplane will be proven in a photograph. Contemplating what number of several types of advertisements the airline runs, it’s helpful to have so many particular particulars to assist keep away from human error and inconsistencies.
23. British Rail
See the complete British Rail corporate identity manual.
What I like: British Rail’s company id handbook collects a number of a long time of brand name modifications — it’s value a glance simply to hint the refined variations over time.
24. Elizabeth Line, Transport for London
See the complete Elizabeth Line brand guide.
What I like: TfL, London’s transport authority, created a model information for its latest addition, the Elizabeth line. It even features a part on “design idiom flexibility,” which supplies steering on how a lot Elizabeth line branding to make use of on a scale of “localness” to “Elizabeth line-ness.”
25. Medium
See the complete Medium brand guide.
What I like: Medium‘s easy model fashion information emphasizes utilization of its emblem, wordmark, and image. Medium’s emblem is the model’s main graphic ingredient and was created to really feel “assured, premium, timeless, and trendy.”
26. Walmart
See the complete Walmart brand guide.
What I like: The information contains the model‘s emblem, pictures, typography, illustrations, iconography, voice, editorial fashion, and extra. Walmart’s colour palette is so integral to its model id that its main colour is named “Walmart Blue.”
27. Asana
See the complete Asana brand guide.
What I like: Asana‘s easy fashion information highlights its emblem and colour palette. It additionally explains tips on how to correctly use the model’s belongings.
28. Spotify
See the complete Spotify brand guide.
What I like: Spotify‘s colour palette contains three colour codes, whereas the remainder of the corporate’s branding tips concentrate on emblem variation and album paintings. The fashion information even means that you can obtain an icon model of its emblem, making it simpler to signify the corporate with out manually recreating it.
29. Starbucks
See the complete Starbucks brand guide.
What I like: Starbucks’ interactive model fashion information contains particulars about tips on how to use its core parts corresponding to the long-lasting Siren emblem and inexperienced colour palette. Plus, the information contains a visible spectrum of how their inventive belongings can be utilized throughout completely different channels.
30. Paris 2024
See the complete Paris 2024 brand guide.
What I like: Paris 2024’s model id pays homage to the 1924 Olympic Video games by way of Artwork Deco-inspired design. Better of all, designers utilized eco-branding strategies to cut back the quantity of ink and paper wanted for bodily supplies in addition to restrict the facility and information consumption on digital parts.
This model information additionally reinvents all 62 pictograms from the Olympic and Paralympic Video games as “coat of arms that function rallying cries for sports activities followers.” Every pictogram is designed on an axis of symmetry that reinforces the coats of arms iconography. Go straight to the pictogram guidelines to have a look. Those beneath signify browsing, swimming, desk tennis, and taekwondo.
31. City Outfitters
See the complete Urban Outfitters brand guide.
What I like: Images, colour, and even tone of voice seem in City Outfitters‘ California-inspired model tips. Plus, the corporate contains details about its excellent client and what the model believes in.
32. Like to Journey
See the complete Love to Ride brand guide.
What I like: Like to Journey, a biking firm, is all about colour selection in its visually pleasing fashion information. The corporate’s model tips embrace 9 colour codes and tons of element about its secondary logos and imagery.
33. Barbican
See the complete Barbican brand guide.
What I like: Barbican, an artwork and studying middle in the UK, sports activities a loud but easy fashion information focusing closely on its emblem and supporting typefaces.
34. I Love New York
See the complete I Love New York brand guide.
What I like: Regardless of its famously easy T-shirts, I Love New York has a model fashion information. The corporate begins its tips with a radical clarification of its mission, imaginative and prescient, story, target market, and tone of voice. Solely then does the fashion information delve into its emblem positioning on numerous merchandise.
35. TikTok
See the complete TikTok brand guide.
What I like: TikTok‘s fashion information isn’t only a information — it is an interactive model guide. First, it supplies an in-depth look into the way it brings its model to life by way of design. Then, it provides an summary of its emblem, co-branding, colour, and typography.
36. College of the Arts Helsinki
See the complete University of the Arts Helsinki brand guide.
What I like: The fashion information of the College of the Arts Helsinki is extra of a inventive branding album than a conventional advertising and marketing information. It reveals you dozens of contexts through which you‘d see this faculty’s provocative emblem, together with animations.
37. Western Athletic Convention
See the complete Western Athletic Conference brand guide.
What I like: The Western Athletic Convention’s model fashion information contains 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.
38. Discord
See the complete Discord brand guide.
What I like: Discord‘s model information is as colourful and playful because the communities it serves. The model’s movement parts are based mostly on the dot, which represents the Discord person interacting with others within the communities it belongs to.
39. Netflix
See the complete Netflix brand guide.
What I like: So far as its public model belongings are involved, Netflix is targeted totally on the remedy of its emblem. The corporate provides a easy algorithm governing the dimensions, spacing, and placement of its well-known capitalized typeface.
40. NASA
See the complete NASA brand guide.
What I like: NASA‘s “Graphics Requirements Guide” is as official and sophisticated as you suppose it’s. At 220 pages, the information describes numerous emblem placements, colour makes use of, and supporting designs. And sure, NASA’s area shuttles have their very own branding guidelines.
41. New York Metropolis Transit Authority
See the complete New York City Transit Authority brand guide.
What I like: Like NASA, the NYCTA has its personal Graphics Requirements Guide, and it contains some fascinating typography guidelines for the numbers, arrows, and public transit symbols the typical commuter takes with no consideration on daily basis.
Branding Tips Suggestions
If you wish to take your branding fashion information to the following degree, let HubSpot’s Brand Kit Generator do a number of the heavy lifting for you.
I might additionally suggest following the perfect practices beneath, which the HubSpot Inventive staff has used to disseminate branding data to the remainder of the HubSpot Advertising and marketing staff.
This has not solely made my job as a blogger simpler, but in addition makes our branding really feel nicely thought-out and cohesive.
1. Make your tips a branded doc.
Whether or not you’re publishing your branding tips on-line or creating an inner presentation, think about 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.
Insights from HubSpot’s Inventive Workforce
When our Inventive staff rolled out a visible id refresh for the HubSpot model, all of us obtained entry to a branded playbook that summarized all of the modifications and described how we must always signify HubSpot on-line transferring ahead.
Not solely was I an enormous fan of the refresh, but in addition of the best way it was introduced to our staff in a branded doc.
You are able to do the identical, no matter your funds. Our Inventive staff truly used a free device, Google Slides — so it’s completely doable for a small or freelance model!
2. Identify your model’s colours.
You’ve already chosen your colour palette — why not go so far as naming the colours?
Giving your colours distinctive names (apart from “blue” or “orange”) may also help you tie the tactical parts of your branding into an total theme or ethos.
To not point out that it’s superior to have the ability to check with firm colours by a novel title. Think about if we referred to as Solaris, HubSpot’s main model colour, “HubSpot Orange” — that merely doesn’t have the identical ring.
Insights from HubSpot’s Inventive Workforce
In our visible id refresh, our Inventive staff brightened and intensified our colour palette, then renamed the person hues.
They wrote, “Each colour, 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 colour names are a veritable tour of necessary cultural and geographical touchstones from HubSpotters all around the world.”
Take into consideration what makes your model distinctive, and why you selected the colours that you just did. For example, should you work at a legislation agency that focuses on automotive accident instances, you may select crimson as one of many model colours and name it “Cease Gentle.”
3. Create easy-to-use branded templates.
Alongside your branding tips must be templates to empower your staff to simply design branded belongings, even when they’re not designers.
Insights from HubSpot’s Inventive Workforce
At HubSpot, we maintain all of our templates in our staff’s Canva account. There, anybody (myself included) can edit pre-made designs for any variety of use instances.
As a author on the HubSpot weblog, I’ve to create graphics to complement the data I’m sharing.
The branded templates made by our Inventive staff have made my work an important deal simpler, and I can think about that it’s the identical for our Social Media staff.
Not everyone seems to be a designer, however with templates, you’ll be able to guarantee your model seems to be skilled irrespective of who creates an asset.
4. Guarantee your branding is optimized for all channels.
Your branding tips ought to embrace completely different specs for various channels.
Or, alternatively, you need to have belongings and designs that may be adjusted for numerous 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 net accessible colours, in addition to Instagram-friendly designs and sizes.
Nevertheless, you don’t wish to considerably change your branding from channel to channel. It ought to work comparatively nicely irrespective of the place you’re advertising and marketing your model.
Construct a Memorable Fashion Information of Your Personal
When you construct your distinctive model fashion information, clients will acknowledge your model and affiliate it with all of the visible cues you need them to.
I hope you have been impressed by our record of fantastic model fashion guides and need you luck in making a timeless fashion of your personal.
Editor’s be aware: This submit was initially revealed in January 2017 and has been up to date for comprehensiveness.
