College or School Home Page v1.5

These templates are specifically designed for a college or school home page. If you'd like Marketing and Media to help you create or migrate your current website over to the new look, please contact them here.

Home Page Example

Department or Office Homepage Screenshot 1

Requirements and Restrictions

  • The gold bar at the very top must be present on all pages using the template and the links cannot be changed or edited
  • The first two columns of links in the footer cannot be changed or edited
  • The tagline in the footer must not be removed or changed

Home Page Copy Area

  • The background color of the block should not be changed
  • The word count for the body copy should be limited to 40 words
  • Up to three featured links can be shown
  • This area should contain an intro about your college or school or display a featured story or news item

Home Page Tile Area

At desktop, laptop, and tablet screen resolutions the tile area of this page is a grid consisting of four columns and four rows. At mobile screen resolutions, the grid reduces to two columns and an unlimited number of rows.

Tile Background Image Sizes

If a tile is at least two columns by two rows in size, it is required to use a background image. Although you only need to provide the largest image size for the tile, it is recommended that your provide four separate sizes:

c = the number of columns your tile spans
r = the number of rows your tile spans

Large (required)

width (px) = 193c - 20
height (px) = 143r - 20

Medium

width (px) = 160c - 20
height (px) = 140r - 20

Small

width (px) = 185c - 20
height (px) = 165r - 20

Mobile

width (px) = 722
height (px) = 130r - 20

Footer

As noted earlier, the left two columns of links must be on each page and cannot not be changed. The right two columns of links can be edited according to your site strategy. The number of the social icons and their links can be changed to best match the site strategy. The icons color needs to be light gray and the size should not be changed.

Purdue University, 610 Purdue Mall, West Lafayette, IN 47907, (765) 494-4600

© 2017 Purdue University | An equal access/equal opportunity university | Copyright Complaints | Brand Toolkit | Maintained by Office of Marketing and Media

Trouble with this page? Disability-related accessibility issue? Please contact Office of Marketing and Media at online@purdue.edu.