Style Guide

This Style guide is to guide and construct the look of this Site. These rules will be changing but must be followed to keep the look and feel of the site.

Navigation

The Style of the site must be uniform across all pages to make the site familiar and easy to navigate for the users.

Content

The Content is to be kept as simple as possible to help usuers find exaclty what they're looking for. We are here to provide fast customer service and a site that is efficent and not loaded with extra "fluff." The content layout will be described through the CSS stylesheet.

CSS Style Sheet

Defines the colors for the links, text, padding of all sections, and color and feel of the website.

  • Text: Black for h1 and h2. h3 is not used in this site for now.
  • Links: have a # hex color property and this must be followed throughout the site for links and for visited links as well. The hover color is #004B91 and the background during hover is #FF0000. The background for the Content div is #D3DCE6.

Topography

  • Header: includes the logo and the tagline with the current tagline below.
  • The Centerbox contains the Subnav and Content of the site.
  • The Subnav is to be 15% of the centerbox window with the Content taking the Rest.
  • The Content is not to exceed 650 pixels to improve readability of site text.
  • The footer is to have 10 pixels of padding on top and bottom to give the user a better feel.
  • All bordering div's need to have 5 pixels of padding to keep in proximity standards.

Color

The colors of the website will be dynamic as the site develops. Currently they include a blue background with ligh blue content, gray for the navigation panes.

Logo

The site logo is the only one in use at this time. A favIcon has been developed to further develop familiarity with the site.

Graphics

All graphics in the site must have the image reduced to 40k to improve user site access. We need to make users who are on PDA's or cell phones able to access our site as well, thus increasing our marketability. Also our graphics need to be directly related to the content of the website, if it is not related it will distract and discourage repeat visits.

Best Practices

  • Please avoid Flash as it will cause our site to be invisible to search engins, the content is hidden to them from Flash sites.
  • Use in the title section of a link "Go to link from kapcservices.info" as this will increase our ranking on search engins.
  • Do not specify fonts, the fonts will be already set by the CSS stylesheet.
  • Validate all code so that is it compliant with the current Standards of web development.
  • Remember to keep the content simple and to the point.