Family
Connections Work Site
Inner Pages Style Guide
(Secondary
and Tertiary Pages)
(Revised 12/8/00)
|
Family
Connections Work Site
|
|
Inner Pages Style Guide (Secondary
and Tertiary Pages) |
|
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 |