Web Style Guides

Maricopa Community Colleges Web Style Guides

Find your college below, then click the link to view the style guide.

The following information is included in each style guide:

  • Colors (including hex numbers)
  • Font Styles
  • UI Elements (main navigation, utility navigation, button color and text, secondary navigation)
  • Page Elements (front page feature image, landing page hero image, tertiary page banner image, homepage promo boxes)
  • Links to Paragraph Bundle
  • Live Examples
  • Link to Icon Library

UI Style Guides

Placeholder

.pdf Image Template

Download a Photoshop PSD file where artboards are set up for image sizes for the entire website.

Download the .psd