Site icon Web Design Ledger

29 Well-Designed Online Style Guides

Companies and large projects will often develop a series of design rules in relation to branding, logos, icons, and mascots. These rules are referred to as style guides or alternatively branding guides. They’re used both internally for employees and externally for media kits.

Traditionally these style guides were created as books which would be shared around to anyone who needed them. Nowadays it’s just as popular to create a webpage dedicated to the company’s branding guidelines. The following illustrative examples demonstrate the most important facets of any online style guide. If you’re designing an online guide then spend time perusing this gallery to put together your favorite ideas and design elements.

Ubuntu

Yelp Style Guide

Lonely Planet

Mapbox

Salesforce

MailChimp UX

Windows Dev Center

WooThemes

Dropbox

Clearleft

IBM Design Language

Buffer App

BBC Style Guide

GitHub Styles

FontShop

WordPress Branding

Pivotal Web Services

DoSomething Pattern Library

Best Buy Brand Identity

Polymer

Material Design

Max Quattromani

Bourbon Patterns

South Tees Hospital

Tuts+ Writing Guide

Foundation Style Guide

Homify

Sky Global

Mozilla Style Guide

Exit mobile version