9F84B98E-DE6E-5F58-940F3FFD6A2FC067
9F8895AE-EE0B-81AE-DCF6D6D835CE8FF5

Web Styles


Banners: we will supply a custom banner image or images for your site.  To request changes to your banner, please email 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, 20pt (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)

Sample: http://www.hamilton.edu/facts

Page Title, Heading 3, 17pt (h3)

(An h3 blue heading with a dotted line indicates title of the page, and is generally used below a black h2 heading)

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


Page Title, no line - alternative a, 17pt (h3a)

(An h3 blue heading indicates title of the page, and is used when no black h2 heading is above)

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


Heading 3, alternative b, 17 pt (h3b)

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


Heading 3, alternative c, 17pt (h3)

Sample page: http://www.hamilton.edu/studentactivities/sadove-student-center


Heading 4, 14pt (h4)

Sample page: http://www.hamilton.edu/hamilton-headlines


Heading 4, 14pt, alternative (h4a)

Sample page: http://www.hamilton.edu/magazine/fall12/a-moving-experience


Heading 5, 12pt (h5)

Sample Page: http://www.hamilton.edu/facts/academics


HEADING 5 (all caps), 11 PT, ALTERNATIVE A (H5)

Sample page: http://www.hamilton.edu/catalogue/academic-regulations


Heading 5, 12 pt, alternative b (h5)

Sample page: http://www.hamilton.edu/coop/staff


Heading Title, 12 pt (h6)

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


HEADING 6 (all caps), 11 PT, ALTERNATIVE A (H6)

Sample page: http://www.hamilton.edu/facts/alumni



HEADING 6 (all caps), 11 PT, ALTERNATIVE B (H6)

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


Headline Link

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

Sample page: http://www.hamilton.edu/search/directory

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 Examples

good use of boxes, images and heads:

http://www.hamilton.edu/coop/asb

same modules (locked) on right

http://www.hamilton.edu/coop/asb/asb-2011

2-Column Template Examples

good use of boxes, clean, appropriate use of headlines creating good visual hierarchy

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

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

http://www.hamilton.edu/studentemploymentoffice/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

Back to Top