Design and Graphical Guidelines

Page title GIF and short page discription goes here. Row valign bottom, Calvin nameplate cell valign middle.

This is example of a 1 column wide colored box. It is a 114 pixel wide borderless table with a light green background color of #99CC99. Dark green title bar is #336633 with 104 wide title GIF. Cell padding 5, cell spacing 0.

This page design is based on a four and a half column grid. The grid is a borderless table 560 pixels wide with a cell padding of 5 pixels and a cell spacing of 0. The first half column contains a 52 wide spacer GIF and is used as a margin. The remaining four columns each contain a 114 wide spacer GIF (in a row at the bottom of the table) and contain the page content. Generally, but not always, the farmost right column contains page specific navigational items such as a menu or a searchbox. Content can span columns but not the first half column (this copy spans two columns), valign top.

Text is set in Arial, Helvetica, sans-serif with a font size of -1.

Text color is #000000.

Link is #333366

VLink is #000033

Hover is #666699

ALink is #9999cc

Titles (either as .gif or text) are #336633.

Titles and headers are GIFs created in Adobe Image Ready.

Specific title guidlines are here.

Width depends on column spans. Typeface is Gill Sans Bold. Text color is R51 G102 B51. Transparent background is white R255 G255 B255. Section titles only have the first word capitalized.

Page Title
Font size/leading = 20/20
Image size (1 column) = 114 by 42
Image size (2 columns) = 238 by 22

Section Title
Font size/leading = 14/14
Image size (1 column) = 114 by 16
Image size (2 columns) = 238 by 16
Image size (3 columns) = 362 by 16

Paragraph Title
HTML text colored #336633, not bolded.

Boxes are displayed in a small table with a light green background with a darker green title bar (see example above). Boxes can be used for callout or search information. Typeface is Gill Sans Bold. Only the first word is capitalized. Background transparency set to R51 G102 B51 (#336633).

Box Title
Font size/leading 14/14. Text color white R255 G255 B255 (#ffffff). If no Title .gif is used, use a 4-pixel-high spacer.gif in title bar.

Form Text
Font size 12. Text color black R0 G0 B0 (#000000).

Menus (such as the download menu in the right column) consists of a title graphic and menu items, created in Photoshop. Only the first word is capitalized. Typeface is Gill Sans Bold with white background transparency. Menu items contain JavaScript mouseovers.

Menu Title
Font size 14. Text color green R51 G102 B51. Image size 114 by 16.

Menu Items
Font size 12. Text color black R0 G0 B0. Mouseover text color blue R51 G51 B102. Image size 114 by 14.

The navigation bar located at the bottom of the page contains a black one pixel width line, a series of menus, contact and last revision date information. Located just above the navigation bar and after the content of the page is a blank row (of five empty cells).

Contact Webmanager
Last revised on 09/21/00 Text set as Arial, Helvetica, sans-serif with a font size of -2.