SiteManager 3.0

Official College Pages

Web Styles

Banners: we will supply a custom banner image or images for your site.  To request changes to your banner, please e-mail cbrown@hamilton.edu.

The title of your site will be placed when your page is made (e.g. the tan, h1, heading above, Web Styles)

Section Title, Heading 2 (h2)

  • Most pages should have a large dark gray heading (h2) under the title of the site, which indicates the section of the site (also corresponds to navigation headings in left column)
  • No h2 headline for any links under the "home" link in the left-hand menu
    Sample: http://www.hamilton.edu/facts

Page Title, Heading 3 (h3)

(An h3 blue heading with a dotted line indicates title of the page)

Sample page: http://www.hamilton.edu/finaid/work-study

Heading Title Syle, Heading 3, no line (h3)

Heading Title Style, Heading 3, alternative a (h3)

Heading Title Style, Heading 3, alternative b (h3)

Heading down style, 14pt (h4)

Sample page: http://www.hamilton.edu/france

Heading down style, 14pt, alternative a (h4)

Heading down style, 12pt (h5)
HEADING UPPERCASE, 11 PT, ALTERNATIVE A (H5)
Heading down style, 12 pt, alternative b (h5)

Sample page: http://www.hamilton.edu/campuslife/pages/where-to-live

Heading down style, 12 pt (h6)

Sample page: http://www.hamilton.edu/campuslife/pages/where-to-live

HEADING UPPERCASE, 11 PT, ALTERNATIVE A (H6)
HEADING UPPERCASE, 11 PT, ALTERNATIVE B (H6)

Headline Link

Note:  The ">>" characters appear once the link is defined.

Sample page: http://www.hamilton.edu/campuslife

Link, color: bb9043
Color applies to any link in text or headline. The link rollover is an underline only--no color change

Body text, Georgia 14pt

Image credit, uppercase, Verdana 8pt, color: 939292

Image caption, Verdana 9pt, color: 8297ae

3-Column Template: good use of boxes, images and heads:

http://www.hamilton.edu/admission/visiting/directions

same right-hand box, also slide show

http://www.hamilton.edu/admission/visiting/siudahouse

2-Column Templates: good use of boxes, clean, appropriate use of headlines creating good visual hierarchy:

http://www.hamilton.edu/human-resources

http://www.hamilton.edu/studentemployment/student-employment-home
note treatment of headlines that are links; the site-wide convention will be to add two carets >>

http://www.hamilton.edu/studentemployment/faqs
note minimal use of bold text; good use of question format; in text of first question - the words Financial Aid page (of the website) are made a link instead of listing the url

Cupola