Style Guides and UI Guidelines Resources for designers

When you are working for a big company, doing a branding for them or designing a product, they must ask you to create a style guide or UI guidelines document. Every graphic or an interaction designer must have the knowledge about style guide and User Interface Guidelines because both are very important but different from each others.

There is an excellent article about Style Guidelines “Designing Style Guidelines For Brands And Websites”  by Kat Neville is saying:

Why Create A Style Guide?

  • You’ll have an easy guide to refer to when handing over the project.
  • Makes you look professional. They’ll know you did everything for a reason
  • You maintain control of the design. When someone does something awful, you can refer them to the document.
  • You avoid cheapening the design, message and branding.
  • Forces you to define and hone your style, making for a more cohesive design.

Today I am compiling a list of references that will help you to understand and learn about Style Guides and UI Guidelines. If you find a link suggest it in comment.

1. 3M Logo Standards

2. ABB Brand Identity

3. Air Products Identity Standards

4. AMAIA Residence Brand Manual

5. Android User Interface Guidelines

6. Apple Human Interface Guidelines

7. Apple iOS Human Interface Guidelines

8. Barbican Brand Guidelines for Print / Web / and Plasmas

9. BBC Future Media Standards & Guidelines

10. BBC Global Experience Language (GEL)

11. Belfast Zoo Brand guidelines

If you decide to use the Belfast Zoo brand, you must follow our brand guidelines.

Their identity can easily be used with different backgrounds and, if you’re a designer, you can download all the relevant files you need here: Brand guidelines

12. Brick brand guidelines

Brand Guidelines ensure that the visual design elements of Think Brick are applied correctly in every application in which the Think Brick logo is identified. These guidelines should be followed to give Think Brick a uniform identity, greater visibility and powerful marketing possibilities.

Click here to download Brand Guidelines

13. Cargill Identity Style Guide

14. Cambridge University Brand Manual

Identity guidelines

These guidelines set out the basic principles for a unified approach to communications across the University whilst recognising and accommodating the need for flexibility.

The guidelines are available to view below or to download as a single PDF. See below for links to individual sections.

Download the full guidelines (5.2MB)

Individual sections

Additional sections

15. Cunard Brand Guidelines

16. Eclipse User Interface Guidelines

In this document the Eclipse user interface guidelines are defined.

Eclipse is a universal tool platform – an open, extensible IDE for anything, but nothing in particular. The real value comes from tool plug-ins that “teach” Eclipse how to work with things – Java™ files, Web content, graphics, video – almost anything you can imagine. Eclipse allows you to independently develop tools that integrate with other people’s tools so seamlessly, you won’t know where one tool ends and another starts. The very notion of a tool, as we know it, disappears completely.

17. Federal Identity Program (Canada)

18. GOOD Technology Brand Identity Guide

19. Gnome Human Interface Guidelines

This document tells you how to create applications that look right, behave properly, and fit into the GNOME user interface as a whole. It is written for interface designers, graphic artists and software developers who will be creating software for the GNOME environment. Both specific advice on making effective use of interface elements, and the philosophy and general design principles behind the GNOME interface are covered.

20. Heineken Brand Manual

21. Java Look and Feel Design Guidelines

22. KDE User Interface Guidelines

This document attempts to specify the look-and-feel for KDE applications. The goal is to provide some rules-of-thumb for developers to create their applications interface so that KDE software will have a consistent look-and-feel.

23. Microsoft Inductive User Interface Guidelines

This article describes a new user interface model called inductive user interface (IUI). Also called inductive navigation, the IUI model suggests how to make software applications simpler by breaking features into screens or pages that are easy to explain and understand. This IUI model is emerging in various Microsoft projects, most notably Money 2000. This article provides an introduction to IUI, rather than a firm, comprehensive set of guidelines.

24. Microsoft Surface User Experience Guidelines

This Microsoft Surface User Experience Guidelines aim to help developers and designers create Surface applications and user experiences that best exploit multitouch interaction principles through quality, multitouch-oriented design.

25. MITRE- Guidelines for designing user interface software

This report offers guidelines for design of user interface software in six functional areas: data entry, data display, sequence control, user guidance, data transmission, and data protection. This report revises and extends previous compilations of design guidelines.

26. NASA’s webstyle guide

In order to achieve and maintain a high standard for content presentation and a consistent user experience on, the following guidelines have been established by in accordance with the portal strategy, information architecture, UI design, and HTML template development. These standards should be incorporated when updating and maintaining the portal.

27. Novozymes’ brand guide

Here you will find descriptions and guidelines on how to work with e.g. our logo and other graphical elements, images and messages. The purpose of the brand guide is to create a strong brand with a consistent execution over time.

28. The New School Web Style Guide

A new set of templates, a content management system, and a style guide has been developed to transform the many different websites that make up The New School’s web presence into a consistent presentation. This web style guide should serve to inform you about the visual and editorial direction of our website.

29. Nokia Design and User Experience Library

30. Oracle Technology Network Guidelines

Oracle Technology Network Topics are portals to a wide variety of content covering the designated topic, including the latest articles, white papers, blog posts, and multimedia content, created by and for Developers, Architects, DBAs, SysAdmins and other members of the Oracle Technology Network community.

31. Palm User Interface & Human Interface Guidelines

32. RSA brand standards

33. SAP Interaction Design Guide for Internet Application Components

34. SAP Design Guild

The Resources section provides user interface design guidelines and papers that have been released for external publication by SAP AG, Germany. Here is an overview of all available up-to-date UI design resources.

35. SAP User Interface guidelines

36. Silicon Graphics Indigo Magic User Interface Guidelines

37. Skype Brand Identity Guidelines

38. Reuters Brand Center

39. Taligent Human Interface Guidelines

40. WebEx brand style guide

41. Web Style Guide 2nd edition

The Web Style Guide site houses an unabridged, online version of the third edition of Web Style Guide: Basic Design Principles for Creating Web Sites, by Patrick J. Lynch and Sarah Horton. You’ll find the complete text and illustrations from the printed book here under Web Style Guide Online.

42. Windows User Experience

Windows offers everything developers need to create impressive user experiences. Developers can provide consistency and elegance in their user-interface designs by following user-education guidelines. Windows includes the Windows Presentation Foundation, which enables developers to enrich user experiences in applications. Windows also provides tools that enable users to visualize, organize, and search within applications.

43. Windows User Experience Guidelines

44. Windows User Experience Interaction Guidelines

The goals for these official Windows User Experience Interaction Guidelines for Windows® 7 and Windows Vista® (or “UX Guide” for short) are to:

  • Establish a high quality and consistency baseline for all Windows-based applications.
  • Answer your specific user experience questions.
  • Make your job easier!

45. Windows XP Visual Guidelines

These guidelines from Microsoft will help developers and designers adopt the new look and feel of the Microsoft Windows XP operating system. This collection of style elements and controls provides a base of design specifications and implementation details for using Windows XP themeing in an application. These guidelines are an important resource for anyone developing applications for Windows XP.

46. Yale’s Visual Identity

It depends upon what part of Yale one sees. Yale benefits from the diversity of graphic communication styles that results from meeting the varied needs of its many audiences. But we also share a common interest in reinforcing Yale’s reputation for institutional excellence, to which all parts of the University contribute and from which we all benefit. We have a shared investment in looking “like Yale.”

47. Yahoo! Style guide

Finally, a style guide for the Internet age:
“The Yahoo! Style Guide: The Ultimate Sourcebook for Writing, Editing, and
Creating Content for the Digital World” is available wherever books are sold.

48. Honeywell brand guidelines

Honeywell’s powerful brand is one of the company’s most valuable assets. Building and protecting the brand by adhering to our standards is everyone’s job. The Honeywell Brand Guidelines takes you step by step through our commitment to the brand strategy, the brand architecture, and to Honeywell’s brand management.

49. Honeywell design standards

The familiar Honeywell logotype is the centerpiece of the company’s Visual Identity System. Consistent and appropriate use of the logotype will help us build brand recognition for Honeywell and protect the company’s name, which is our most valued trademark. The value of the Honeywell logotype and our brand position are also enhanced by consistent use of other basic Visual Identity System elements, including the company’s approved colors, standard design grids, and approved typography on all products and in all communications materials.

50. University of Illinois at Urbana Champaign style guides

51. University of Notre Dame specific guidelines

This style guide provides basic guidelines for grammar, spelling, and punctuation issues commonly encountered. It is intended as a general guide to The Chicago Manual of Style and covers matters of style specific to Notre Dame.

Download in PDF format

51. HSBC brand guidelines

52. AMAIA Residence Brand Manual

53. Blackberry and RIM wireless handheld UI Developers Guide

54. BlackBerry Branding Guidelines

55. ELMER 2– User Interface Guidelines for Government Web Forms

56. Easy Group Brand Manual

57. Kew’s Brand Guidelines

58. The New School Visual Identity Manual

59. Spelman College Visual Identity Guidelines

How to Prepare a Style Guide for your Website


How to Build a Successful Blog Business

How to Build a Successful Blog Business is a straight forward guide to building a publishing business online that covers everything from choosing a niche to hiring staff, registering a business to selling it, finding traffic to monetizing it.

Live Preview | Detail


5 out of 5 stars based on 238 rating(s).
  • Nur

    I am a WordPress, Website Developer and Designer, creator @ WP Arena, Provide Free WordPress consultation and can help to install WordPress in a secure way to small businesses and bloggers.