Information Technology Services

ITS Web Site Guidelines

Images

  • Home Carousel Slide = 1130 x 400 pixels
    • Consistently use photos with text overlay
  • Internal Banner = 1130 x 250 pixels
    • Consistently use photos (text overlay when needed)
  • Call to action component = 450 x 300 pixels (height can vary, but please be consistent)
    • Use graphics with a consistent style.
  • On service pages use Inline Images = 300 x 200 pixels
      • There are always exceptions to this depending on the  image (for example, maps may need to be larger)

Colors

Purple - #422d5d
Dark Purple - #1d1429
Dark Grey - #333333
Light Grey - #999999
Beige - #ededd3

Fonts

  • H1  - PT Sans • 36px • Color: #333333 

  • H2  - PT Sans • 30px • Color: #333333

  • H3  - PT Sans Italic • 24px • Color: #333333

  • H4  - PT Sans • 18px • Color: #333333

  • H5  - PT Sans • 14px • Color: #333333
  • H6  - PT Sans • 12px • Color: #333333
  • Paragraph Text - PT Sans • 14px • Color: #333333
  • Paragraph Links - PT Sans • Color: #422d5c
  • Paragraph Links Hover - PT Sans • Underline • Color: #1d1429
  • Whitewater navigation - PT Sans Bold • 12px • Color: #ffffff
  • Division Navigation - PT Sans Bold • 12px • Color: #ffffff

General

  • When using arrows for a call to action, please use the double arrow "»". (Keyboard code: option + shift + \)
  • Only use one space after a period.
  • When linking to a PDF, include the text "(PDF)" in the link so the user knows what to expect.
  • Document and image names should not have any spaces.
  • A link should never say "Click here", it should have the Title of the page you are linking to.