Skip to Content

Communications and Public Affairs


Grid

A grid page is a menu page used with a large group of items, individual links and strong images organized in a three-column structure.

  • Each item in the grid takes you deeper into the site, but gives you visual and text representations of what you will find there. Grids are built in multiples of three across, and each item includes: a 255-square-pixel image, title and brief description of the linking page. This highly visual page requires that all items have strong images, typically in multiples of three, but with at least five items. 

    Grid items can not only be used to link to pages within the section, but also can open an image gallery in a lightbox, or play a video in a lightbox. 

    Because of the grid's three-column structure, this is a full-page element and cannot be used with callouts.

  • grid page example
Best practice

Choosing Images

Images should be similar in style and composition yet look different at a glance. In the sample, the different areas of study are highlighted by detail images of instruments. If you lack strong imagery for all items, use a simple list instead.  

 

  • Playing Videos

    When linking to a video, the CMS automatically adds a play button overlay on the image. Make sure you establish context in the description that the link leads to a video.

  • videos in grid items