Syle Guide
Purpose
The purpose of this style guide is to allow future designers on this website to be able to build pages that correspond to the rules developed in the initial design and implementation of lanmarkcorporation.com
Navigation
There will be two navigations bars on lanmarkcorporation.com. The main navigation bar is a horizontal bar which will have links to the sub-sections on the website. These sections will be home, management, renters, about Lanmark, contact us. The second navigation will be a vertical bar on the left side of the page. This navigation bar will provide associated links to each section, and a back button to get back to the main sub-section. The footer will have links to this style guide along with the colophon page, and other necessary documents.
Typography
Each main heading on the page will be an H3 heading and the subheadings will be an H2. There will be two main fonts used on the site. The first will be Georgia, a sans serif font ,for all H2 and H3 headings. All body text will be verdana . The text in each section will be fully justified.
Color
Color is a very important part of the website as it deals with the specific branding and color scheme. There are several colors on the this website They will be represented by the color breakdown. The website will follow blue tones. Listed below will be the color codes for the tones that can be used
The background texture:
This is a light blue picture repeated. This was chosen because it looks like the spackle on a ceiling, which kind of matches our audience. The background is pictured in the center section of this page.
The color codes for acceptable colors on the website are:
04859D, 37B6CE, 206876, 5FBDCE, 015666
These are all shades of blue to have monochromatic feel to the website.
Logos
Here is the logo graphic designed for lanmarkcorporation.com. This logo will appear in the header on every page and on a few pages as a graphic to achieve brand recognition.
Graphic
- House:0033ff
- Slash:000000
- Text:000000
- Font:Adobe Garamond
Graphics
All pictures posted on the website will be small enough images to allow for quick loading. So they will be no larger than 40k.
Content
Search engine optimization searches find property management and eastern Idaho to be the most popular word choice for labeling everything from the logo to any pictures, so our ranking can be higher. Also each page needs to have at least 250 words and have the page be easy to read for flow. The website needs to be consistent as to avoid frustration from potential clients.
Best Practices
- When in doubt keep to the modular plan and don’t stray too far from the plan.
- Always validate each new page by XHTML and CSS standards.
- All pages conform to known rules such as blue links as to avoid confusion.