Family Connections Work Site

Inner Pages Style Guide

(Secondary and Tertiary Pages)
(Revised 12/8/00)


Navigation Bar
Sections
Color of Navigation Bar
Color of Hands
Font size and color of primary naviation text
Font size and color of secondary navigation text
Font size and color of tertiary navigation text
Color of circle of arrows
Color of logo
Notes

 

(at 100% opacity)

*active state is at 100% and inactive state is at 50%

 

*inactive state is gray and active state is same color as the hands

 

*inactive state is gray(CCCCCC)

 

*inactive state is gray and active state is same color as the circle of the arrow

 

*Arrow color = nav bar color

 

 

*Color of the adult is the same as the navbar

*Color of child and circle is white

Our Programs
000033
FF9900

 

Verdana, 12, bold, FF9900

 

Verdana, 12, bold,

33CCFF

 

Verdana, 10, bold

active=33CCFF

 

33CCFF
000033
About Us
000066
FF99FF

 

Verdana, 12, bold, FF99FF

 

 

Verdana, 12, bold,

33CCFF

 

Verdana, 12, bold,

33CCFF

33CCFF
000066
Family Events
003300
00FF00

 

Verdana, 12, bold, 00FF00

 

Verdana, 12, bold,

99FF99

 

Verdana, 12, bold,

99FF99

99FF99
003300
Get Involved
990000
FFFF00

 

Verdana, 12, bold, FFFF00

 

Verdana, 12, bold,

FFFF66

 

Verdana, 12, bold,

active=FFFF66

FFFF66
990000
Our Partners
660000
FF3366

 

Verdana, 12, bold, FF3366

 

Verdana, 12, bold,

FF9999

 

Verdana, 12, bold,

FF9999

FF9999
660000
Treasure Chest
330033
00FFFF

 

Verdana, 12, bold, 00FFFF

 

Verdana, 12, bold,

CC99CC

 

Verdana, 12, bold,

CC99CC

CC99CC
330033

Graphics
Pictures Pictures will be placed in a polaroid frame. A push pin image with a shadow will be used to "tack" the picture to the background (see polaroid+tacks.psd). If the picture can't be cropped to square, a rectagular white "frame" can be used: a 12 pixel white border with a 1 pixel stroke of "333333". The pictures can be either slanted or straight. The default drop shadow should be used for all pictures. The jpeg itself needs to be rectangular or square so that it can be inserted into the table. The noise background from the page needs to be included in the jpeg so that there isn't a void of background in the image table cell.
Kid's artwork Thumb nails of the kid's art work will be placed on the art gallery pages. The thumb nails will be linked to the pop up windows of the art.
Other images Other images will be treated according to the person responsible for building those pages.

 

 
Text
Headers

Apple Chancery, size 24, same color as nav bar, tracking = 0

Drop shawdow effect: opacity = 50%, distance = 2, blur = 3 pixels, intensity = 0%

Header file width and height = 487 X 35. Save as a transparent gif

body text Html text, Verdana, size none
Footer Html text, verdana, size -2