Skip to Content

Communications and Public Affairs

Home Page Banners

Your home page banner is the first place you can showcase your brand personality. Think of it like a billboard — a self-contained message that should be refreshed regularly.

There are two types of home page banners available in the CMS. Choose a banner type based on your content. If you have strong horizontal images, use the larger banner. 

Banner Types

  • large home page banner example

    Large Home Page Banner

    The large banner is an 1140 x 580 pixel image with the top 70 pixels covered by the transparent college or school header.

  • small home page banner example

    Small Home Page Banner

    The small banner uses a 680 x 430 pixel image and works with all kinds of images thanks to its standard size and non-overlay text.


web best practice

Choosing Images

When using photography, choose striking and simple images to convey your message. Tighter cropping and a focused subject matter will create better images.

  • Both home page banners can accommodate a caption, including a headline, description and link. Aim for a 20-character headline and a 190-character description. 

    On large banners, the caption box is optional and can be positioned at the top right, bottom right or bottom left. Be sure your caption doesn't cover an important part of your image. 

    On a small banner, the caption is required. It's centered vertically on a garnet background.

  • home page banner example



  • The image area of both banners can hold a single video. The banner contains a still image with a play button to indicate it’s a video.

    When a user clicks anywhere on the banner, the video will open in a lightbox to play.

  • video home page banner example




  • Both banners can contain either a single image or a slideshow of up to five images, as indicated with numbered circles in the lower right corner. However, research shows that slideshows are an ineffective use of banner space and users may see the first image, but never wait around to see the fifth.

    If you decide to use a slideshow, try to tie the images together around a single theme or idea: for example, images of different types of research that speak to our outstanding faculty, high-performing students that speak to our academic excellence, outstanding alumni or a series that speaks to your unique selling proposition.

  • slideshow example
web Pro Tip

Use One at a Time

Rather than using the slideshow to display five banners, consider filling all five spaces in the CMS, but turning only one on for a week or so at a time. That not only gives viewers a better chance to see your content, but also looks like you’ve been updating your site on a regular basis.