UPDATE: Although you’re free to continue using this Style Guide, I now recommend using a more comprehensive offering from frontify.com. As of 2/9/2016, basic accounts are free and include three users, 100MB of storage, and a small nag banner at the bottom of the screen pushing an upgrade to a paid plan. As far as nags go, it isn’t obtrusive on higher resolution displays. You can read more about what Frontify offers via a post one of the principals wrote for SmashingMagazine.com on 2/9/2016.
Recently, I put together a comprehensive style guide form for my Venture Platform users so they can have an easier time keeping track of their respective website style elements. It’s been so useful that I decided to go ahead and make a simple version that all arts organizations can use regardless of experience or understanding and better still, I wanted to make it free.
For those not already familiar with what a website style guide does, it’s a handy list that helps organizations keep track of standard style elements such as which fonts to use for body text, what size and color, etc. And since I read a report this week that nonprofits can expect increases in staff turnover this year (h/t You’ve Cott Mail), it makes sense to plan accordingly and get a style guide in place so that attrition doesn’t wreak havoc with your web branding.
To that end, be the new sheriff in town and lay down the law by using the style guide form to put an end to Wild West branding. When you’re done, the system will deliver a copy of the form with your content via email to the address you provided but if it doesn’t arrive, let me know and I’ll forward a copy. You can create new versions as often as you like and feel free to send a link to friends and colleagues.
Handy Style Guide Resources
[ilink url=”http://www.colourlovers.com/”]Create and save visual color palettes at colourlovers.com[/ilink]
[ilink url=”http://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/”]Designing Style Guidelines For Brands And Websites by Kat Neville (via Smashing Magazine)[/ilink]
[ilink url=”http://www.w3schools.com/css/default.asp”]Everything you wanted to know about CSS but were afraid to ask via w3schools.com tuts[/ilink]
[ilink url=”http://mailchimp.com/about/brand-assets/”]A good example of logo usage guidelines from MailChimp.com[/ilink]