- \n
- The best VPN services for artists and designers<\/a><\/li>\n<\/ul>\n
01. Uber<\/a><\/h3>\n
<\/p>\n
![\"uber](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/enFs4UvVbz2nZmnFU5WDr7.png?w=900\")
<\/p>\n<\/a><\/p>\n
Uber’s online guidelines are a masterclass in how to craft a comprehensive design style guide. The rules are easy to navigate through and offer plenty by way of examples and explanations. The rules on illustration and colour are particularly interesting \u2013 did you realise that Uber uses blue for safety-related messaging?<\/p>\n
02. IBM<\/a><\/h3>\n
<\/p>\n
\n ![\"IBM](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/Dh8xAACoxtEA6FGXyy9aJA.png?w=900\")
<\/p>\n <\/p>\n<\/figcaption><\/figure>\n
<\/a><\/p>\n
IBM’s style guide is just as thorough as you’d expect for a company that’s built a reputation for embracing a culture led by design thinking<\/a>. The well presented online guide covers everything from typography to app icons and how the branding can be used in motion. This is what a modern design style guide looks like.\u00a0<\/p>\n
03. Apple Human Interface guidelines<\/a><\/h3>\n
<\/p>\n
![\"Apple](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/vtgBHmbs3FRt4Rgmv33maY.jpg?w=900\")
<\/p>\n<\/a><\/p>\n
Apple’s human interface rules are nothing if not comprehensive. Aimed at app designers who want their creations to integrate seamlessly with Apple’s devices and operating systems, this online style guide covers everything you might possibly need to know \u2013 whether you’re designing for macOS, iOS, watchOS or even tvOS.\u00a0<\/p>\n
04. Urban Outfitters<\/a><\/h3>\n
<\/p>\n
\n ![\"Urban](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/5PaBaBJqnvGzWeLkYFbVen.jpg?w=900\")
<\/p>\n <\/p>\n<\/figcaption><\/figure>\n
<\/a><\/p>\n
The average branch might look as though a bunch of squatters decided to hold a jumble sale in a derelict factory, but hipster bazaar Urban Outfitters takes its visual identity very seriously, as a quick flick through its brandbook will reveal. The 42-page guide covers everything from Urban Outfitters’ history and philosophy through to logo usage, typography, photography methodology and guidelines on the tone of voice to be used in communications.<\/p>\n
05. I Love New York<\/a><\/h3>\n
<\/p>\n
\n ![\"I](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/iQp4gJHwBj9jAC58dvB837.jpg?w=900\")
<\/p>\n <\/p>\n<\/figcaption><\/figure>\n
<\/a><\/p>\n
Milton Glaser’s I Love New York logo is a wonderfully simple and iconic piece of design, so you might not expect there to be a 50-page set of brand guidelines attached to it. However there’s more to I Love New York than Milton Glaser’s logo; that’s just the most memorable aspect of a campaign launched in 1977 and refreshed in 2008.\u00a0<\/p>\n
The scrupulously detailed brand guidelines cover all the bases for a campaign that represents the whole state of New York and not just New York City. There’s a mission statement and brand pyramid, consistency and typography guidelines, plus a whole load of thematic logo treatments and logo usage guidelines to follow.<\/p>\n
06. NASA<\/a>\u00a0<\/h3>\n
<\/p>\n
\n ![](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/VN7TyPiEGdyGN82gfQCUpk.jpg?w=900\")
<\/p>\n <\/p>\n<\/figcaption><\/figure>\n
<\/a><\/p>\n
The National Aeronautics and Space Administration’s Graphics Standards Manual was created by Danne & Blackburn in 1974 when NASA changed from its original crest-based logo to the ‘worm’ logotype that’s now so familiar. The manual was revived in 2015 thanks to a Kickstarter campaign to fund its reissue. Jesse Reed and Hamish Smyth’s glorious new 220-page version of the case-bound NASA document comes with ‘static shielding’ packaging and is available for purchase.<\/p>\n
07. British Rail<\/a>\u00a0<\/h3>\n
<\/p>\n
\n ![](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/EePX6eoovfEz7rJEc9FLue.jpg?w=900\")
<\/p>\n <\/p>\n<\/figcaption><\/figure>\n
<\/a><\/p>\n
Certain members of the Creative Bloq team have spent hours poring over the British Rail corporate identity manual and it’s easy to see why. Epic levels of obsessive behaviour abound in the guide, which dates back to 1965, and some of the pictograms are a delight. Want to own your own copy? You’re in luck; after a successful Kickstarter campaign, designer Wallace Henning has created a high-specification recreation of the original manual that you can order now; find out more here<\/a>.<\/p>\n
08. Channel 4<\/a>\u00a0<\/h3>\n
<\/p>\n
\n ![](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/858NRWv5vvEC3J3iq2U2zW.jpg?w=900\")
<\/p>\n <\/p>\n<\/figcaption><\/figure>\n
<\/a><\/p>\n
Channel 4’s comprehensive style guide leaves no room for confusion on how its brand is used. The guide is 46 pages long, each of which is clean and clear, stating a single guideline per page, often accompanied by a graphic for visual reference. If that’s not enough meticulous branding rules for you, there are also dedicated style guides for E4, Film4, More4 and more.\u00a0<\/p>\n
09. Skype<\/a>\u00a0<\/h3>\n
<\/p>\n
\n ![](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/68d361294f3549a3df80dfad6100e1bd.jpg?w=900\")
<\/p>\n <\/p>\n<\/figcaption><\/figure>\n
<\/a><\/p>\n
The Skype style guide is brilliant for many reasons \u2013 its cool illustrations being one of them. The communication network hasn’t filled its guide with pages of industry jargon, it simply employs easy-to-understand explanations and graphics to get its point across.<\/p>\n
10. Barbican<\/a>\u00a0<\/h3>\n
The Barbican theatre’s identity “is not just a logo. It is a design scheme composed of a number of core elements that come together to create a distinctive look and feel that makes the Barbican brand instantly recognisable”. Which is why this guide is so important. The bold and colourful PDF is as well put together as you’d expect from a leading arts company. The Barbican allows a degree of creative flexibility for designers tasked with using its identity, and takes you through exactly how to achieve that. Which is nice.<\/p>\n
11. Firefox<\/a>\u00a0<\/h3>\n
<\/p>\n
\n ![\"Firefox](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/Ha2YcPMvRg7Kfzk5aPeCem.png?w=900\")
<\/p>\n <\/p>\n<\/figcaption><\/figure>\n
<\/a><\/p>\n
Mozilla has ditched its old style guide for Firefox and introduced a whole new design language, Photon, to help web designers create beautiful products for Firefox users. As well as useful guidelines and principles, the online Photon Design System guide includes reusable UI components, templates, and other resources for building consistent and recognisable products across all platforms.<\/p>\n
12. Macmillan<\/a>\u00a0<\/h3>\n
<\/p>\n
\n ![](\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/04\/n6mH7uM9yo7FPcE2YfahZM.jpg?w=900\")
<\/p>\n <\/p>\n<\/figcaption><\/figure>\n
<\/a><\/p>\n
Cancer charity Macmillan’s identity design guide covers for everything from signage to infographics, as well as tips on how to use the brand’s familiar green colours and which photos are best used as the image silhouettes you’ll find in the charity’s marketing material. Unlike many of the style guides on this list, Macmillan offers explanations for many of its rules, to explain the thinking behind them and help fix them in readers’ minds.\u00a0<\/p>\n
Related articles:<\/strong><\/p>\n
- \n
- 6 famous textless logos and why they work<\/a><\/li>\n
- Build a better personal brand<\/a><\/li>\n
- Speed up your web workflow with style guides<\/a><\/li>\n<\/ul>\n
Powered by WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"
A style manual, or style guide, is a set of standards for the design of documents, website pages, signage, and any other form of other brand identifier. The reason for their existence is to ensure complete uniformity in style and formatting wherever the brand is used. They cover everything from how and where the logo… Read the full article…<\/a><\/p>\n","protected":false},"author":4,"featured_media":62819,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[371],"tags":[],"class_list":["post-62818","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
- Build a better personal brand<\/a><\/li>\n
- 6 famous textless logos and why they work<\/a><\/li>\n