Home Page Templates

These templates are designed for a site home page. If you'd like Marketing and Media to help you create or migrate your current website over to one of these templates in Cascade, please contact us.

Home page with Hero Image

Image of a home page with hero image

Click image to preview, or download templates (ZIP)

Features of a home page with hero image

  • Top section that includes a hero image with optional title text and optional subtitle text overlay.
  • Top section of either tiles or tabs.
  • Left-side featured buttons.
  • Main content section.

This page can feature two, three or four tiles with icons and text, or it can feature one, two or three content tabs.

Home Page with Introduction and Tiles

Image of a home page with introduction and tiles

Click image to preview, or download templates (ZIP)

Features of a home page with introduction and tiles

  • Main content sections for a heading, short text and featured links.
  • Tiles section of customizable tiles.

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 resolution, 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, use of a background image is required. Although you only need to provide the largest image size for the tile, it is recommended that you provide four separate sizes to ensure the images used fit well within the tile and reduce the page load time.

Home Page Content Area Recommendations

Each home page template contains different areas where content can be added. Recommendations below outline details for adding content in these areas:

Home Page with Hero Image

  • The most prominent facet of this template is the hero image, a large banner image that is prominently placed across the top or at the margins of a page. The hero image is often the first visual that visitors encounter on the site.
  • Left-side hero image can contain a linked or unlinked image.
  • Hero image size adjusts, based on the screen size. We recommend using smaller images for smaller screen widths to decrease page load times. Details are available in the Cascade guide.
  • Text block located in the lower right should contain an introduction about your website.
  • At least one and as many as three featured link buttons can be shown.

Home with Introduction and Tiles

  • Background color of the text block on the left side of the page should not be changed.
  • Word count for the text block on the left side of the page should be limited to 40 words.
  • At least one and as many as three featured link buttons can be shown.