Text Size   Directory

Web Style Guide

Accessibility

Sites within the main GSE template design:

Sites outside of the main GSE template design:

  • Sites outside of the main GSE template design must maintain the branding requirements as set forth below.
  • HGSE sites should design to a screen resolution of 1280x1024px.
  • Sites must also maintain the GSE shield and green banner across the top of the page.
  • Stes should be coded only in html/xml/xhtml and php with little or no Flash
  • The HGSE Apache server does not support cold fusion, asp or .net
  • If web statistics are required, Google Analytics must be used.
  • Also be sure to review the GSE website Dos and Don'ts General Style Guide (181KB doc).

Some examples of HGSE sites that adhere to our brand:

Harvard Education Publishing Group

Harvard Educational Review

Harvard Education Press

Cascading Style Sheets

Required font styles:

San-Serif: Verdana, Arial, Helvetica, sans serif
Serif: Georgia, "Times New Roman", Times, serif

View our style sheets for some general ideas:

http://www.gse.harvard.edu/style/styles.css
http://www.gse.harvard.edu/style/styles2.css (larger font option)

Colors

Please restrict colors to the following palette:

Crimson: 992440

Light Green: DDE8AE

Light Brown: 9C8940

Very Pale Green: F0F5DC

Taupe: 74735A

Brown: 544B2C

Apple Green: 7A8326

Grey: 646464

Pale Sage Green: BDC1A2

Khaki: C5B680

Pale Yellow: F2DA89

hex color guide

 

Decrease Text Size Increase Text Size