Style Guide
Title Bars:
Font: New York, Color: 003366, Size: 30, Leading10, Tracking: 100
Left Image: Width = 369px, Height = 72px
Right Image: Width =167, Height = 72 px
Bg Dither Box Colors = D9ECEC and D9ECFF which are then converted to web safe colors which results in both converting to CCFFFF of different opacities.
All titles will act as links to the main page of the section that it is in.
Primary Navbar
Width = 104 px
Bg Dither Box Colors = 003366 and 006666
Font for Buttons: Verdana
Font Size for Buttons: 10
Color for Down Images = 333399
Color for Up Images = FF6633
Active Rollovers: If a user is in a particular section
of the site, the button on the primary navbar leading to that section should
be in the up position and must no longer be a rollover. The button will instead
just be an image that links back to the main page for the respective section.
Order of Buttons : Logo, Home, How We Can Help. For Employers, Who We Are, Programs,
Calendar, How You Can Help, Work For JVS, Contact.
Secondary Navbar
Width = 17 px
Font Color for Down Images = 333399
Font Color for Up Images = FF6633
Order of Buttons listed by sections
How We Can Help You: Jobs Online, Resume Tips
For Employers: None
Who We Are: What’s New, Client Profiles, Board of Directors, Newsletter
Programs: Employment, Training, TAC, Youth, Resettlement, Jewish Programs
Calendar: None
How You Can Help: Volunteer, Donate
Work For JVS: Current Open Positions
Contact: Map to JVS
Tertiary Navbar
None should be visible
Main Content
Main Heading
Vertical Alignment: Top
Font: Times New Roman
Color: #333333
Size: DreamWeaver 6
Aligned to the left
Space between Heading and body text: Two carriage returns
Sub-Headings
Font: Verdana
Color: #669933
Size: DreamWeaver 3
Aligned to the left
Main Text
Font: Verdana
Color: #000000
Size: DreamWeaver 2 or -1
Aligned to the left
Images With Quotes
Size: Width not to exceed 300 x, Height not to exceed 300px
Names of people associated with these images must be bolded
Must have drop shadows
Must have Borders 5 px wide color #CCCCCC
Put quote on top of the bottom of the image
Background Dither Box for quote colors =D9ECEC and D9ECFF which are then converted to web safe colors which results in both converting to CCFFFF of different opacities.
Bg Opacity = 37%
Eraser Opacity = 20%
Quote Color = #000000
Quote Font = Verdana
Links
Link Color = #000099
Visited Link Color = #6666FF
Back to top links must all be lower case and centered
Bold Text
The Client will decide which text should be bolded.
Every page must end with the address of JVS with the contact info and the copyright notice. A link to the map must also be placed in this info with the only exception being the map page.
All unordered lists must use the default circular bullets unless situation requires otherwise and Team WYSIWYG authorizes such a decision.