Top Menu

Put An End To Wild West Style Branding Efforts

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.

The style guide form is completely free to use and it won’t put you on any mailing list. But if you found the form useful and want a way to show a little love, thanks in advance for leaving a coffee tip via the sidebar widget.

Website Branding Style Guide

~ brought to you by your buddies at adaptistration.com :)
  • Usage guides and examples (include spacing, correct/incorrect usage examples, color variations (if exist). If available, include examples for icons, program logos, web buttons, favicon, custom social media badges, or any other branded image.
  • Color Palette

    Feel free to use Hex Codes or RGB values. A handy resource for creating visual palettes can be found at http://www.colourlovers.com.
  • 1st2nd3rd4th5th 
    Add a row
  • Navigation Styles

    Add as many basic elements as you can. Other elements include text decoration (underline, line-through), text transform (uppercase, capitalize), alignment (left, right, centered), indentation, spacing, etc.
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Heading Tags

    Add as many basic elements as you can. Other elements include text decoration (underline, line-through), text transform (uppercase, capitalize), alignment (left, right, centered), indentation, spacing, etc.
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Body Text

    Add as many basic elements as you can. Other elements include text decoration (underline, line-through), text transform (uppercase, capitalize), alignment (left, right, centered), indentation, spacing, etc.
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Font FamilyFont ColorFont WeightFont SizeOther Elements 
  • Additional User Defined Font Elements

    Add as many basic elements as you can. Other elements include text decoration (underline, line-through), text transform (uppercase, capitalize), alignment (left, right, centered), indentation, spacing, etc.
  • UsageElements 
    Add a row
  • This field is for validation purposes and should be left unchanged.

Handy Style Guide Resources

Create and save visual color palettes at colourlovers.com Designing Style Guidelines For Brands And Websites by Kat Neville (via Smashing Magazine) Everything you wanted to know about CSS but were afraid to ask via w3schools.com tuts A good example of logo usage guidelines from MailChimp.com
No comments yet.

Leave a Reply