Style Guide

Navigation

The navigation is based on a navigation bar, leading to the main 6 sections of the web site. This is to be displayed on all pages. Also one or two modules will be attached, the sub-navigation which is on the left under the navigation, using vertical lists of links inside of that folder. To the right the aside module may also be attached, which has related material for navigation.

Also for use in navigation is the searchbar module which rests on the navigation bar. Breadcrumbs are not to be used in this website.

Typography

There is to be 10 pixels of padding in the content, aside and the sub-navigation for visual safety. Also the content portion will not exceed 8 inches in width for readability.

Fonts are not to be set. However, the font style will be sans serif so that it will not clash with the logo and navigation bar. The font of the logo and navigation bar is Rockwell a slab serif.

Color

The colors used on this website are:

  1. White- Hexadecimal Code: FFFFFF
  2. Dark Blue- Hexadecimal Code: 02273F
  3. Light Gray- Hexadecimal Code: 8F95A9
  4. Dark Gray- Hexadecimal Code: 3A3A3C
  5. Yellow- Hexadecimal Code: FFFFOO

Logos

The "Loren Crawford Economizing" logo is for use only in the header. It is not to be used elsewhere, nor by anyone except the owner. Elements of the logo such as the font cannot be duplicated because of copyright laws. However, the gears may be used, but not in excess, because that would not be in good taste. The gears represent raw efficiency and ingenuity. Hopefully, Loren Crawford can keep up those ideals just as his logo keeps using them.

The logo is to be kept to the specifications in the header, no larger than 1 inch in height and 4 inches wide.

Graphics

Graphics are not a space filler, but are to be used as a tool for understanding. They can hinder the speed of the page, so graphics are kept to 96 pixels per inch.

Image size is also to be limited, except on the home page, where one image of Loren Crawford can be up to 30% of the width of the browser window.

Content

Content length is unlimited. On the professional end of the site, professionalism is required, however, under the quirks and news professionalism is not, as they of themselves are not of a professional nature.

Home Page is to be Title Case and always two separate words. When writing about the "world wide web", simply use "www".

Best Practices

Always use web site validation with W3C before uploading a page. Increase search engine optimization using "key words" in element id's.

In the mark-up in the case of paragraphs, separate the tags from the text on top and bottom.