One of the most important features of a good website is not directly visible to the end-user. A clear, detailed style guide is the key to a professional, readable site.
Your style guide should cover the following areas:
- Fonts/Typesetting
- Colours
- Images
- Content length
- Advertisements (if applicable)
- Banners (if applicable)
- Page structure
- Sitemap conventions
An example font style guide would read as follows:
Headings
Headings use the Verdana font, with a size of 17px, and a line height of 23px. Text is bold, and black (unless also a link). Headings are aligned to the left.
Body Text
Body text is Verdana, with a size of 12px, and a line height of 16px. Body text, excepting links, is black. Body text is left-justified.
Links, Lists & Blockquotes
Links, lists, blockquotes and similar common content types should be automatically styled using the site stylesheet. For example, every link will automatically appear blue with an underline, and every bullet list will automatically use square bullets.
Note that some of the above style guide (eg. line heights) should also be hard coded into the site itself. The guide should still include these, however, in case a site administrator overrides the correct settings.
While the use of a style guide can seem limiting, it ensures that your content is communicated effectively, by making the most of the professional design and layout you have purchased. In essence, it means that your site is being used correctly, and should more fully realise its intended purpose.
Dear Author http://www.ravlichconsulting.com !
In it something is. Many thanks for an explanation, now I will not commit such error.
Comment by HunnyBunnyDream — December 4, 2009 @ 2:43 pm
I want to quote your post in my blog. It can?
And you et an account on Twitter?
Comment by AlexNikonoff — December 26, 2009 @ 12:32 am