Home 2015-06-04T21:46:05+00:00

Logo

The cornerstone of the Hamilton City School District visual identity is the logo. The primary logo should be used, without alteration, to officially brand items. Alternate versions of the logo may also be used. Be sure to review the following pages for specific usage guidelines for each version.

Primary Logo

Secondary

Icon

Dark Primary

Dark Secondary

Dark Icon

Spacing

When possible, keep at least a “H” worth of space between the Logotype and other elements.

Colors

To ensure consistent colors are used throughout various media, please adhear to the following color values. CMYK color should be used when printing. RGB color should be used when creating digital media.


Hamilton Blue
PMS 2172 C
CMYK 79,48,0,0
#005aa9


Cool Blue
PMS P 104-8 C
CMYK 93,66,4,0
#7796ce


Gray
PMS P 179-9 C
CMYK 52,43,41,6
#808284


Dark Gray
PMS P 179-14 U
CMYK 70,64,63,65
#2B2B2B


Black
PMS P 179-16 C
CMYK 75,68,67,90
#000000

Typography

Too many type sizes and styles at once can wreck any layout. These sizes and styles were developed to balance content density and reading comfort under typical usage conditions. Here’s an example of Hamilton’s brand typefaces in action.

HEADLINE – ROBOTO BOLD (ALL CAPS), 46px, LINE HEIGHT 52px

Subhead – Roboto Bold, 24px, Line height 32px

Body – Droid Serif 14px, Line height 24

Imagery

Imagery is more than decoration. It’s a powerful tool to help you communicate. Clear, high quality imagery helps to engage the user. The following principles and best practices can help you successfully incorporate imagery and bring your designs to life.

Principles

  • When using photography to enhance the user experience, choose images that express personal relevance, information, and delight.
  • Use imagery to express a distinctive voice and exemplify creative excellence. For more abstract content, be interpretive. Photographic stock and clipart is neither specific nor interpretive.
  • Make sure your images are appropriately sized for display. Assets should not appear pixelated. To ensure images are consistent in size and shape, make sure all posts are of the dimension 880px by 587px.