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.
