Page Layouts

Laying out your content on the page is the most difficult step in creating your page. We've done the heaving lifting for you in providing a template with colors, fonts and elements, but it's still up to you to put it together in an easy to use format for your readers. On this page we've compiled some common page types as well as some layouts for each type to get you started. We recommend you start with one of our layouts first, and then modify it to suit your needs rather than starting from scratch.

Hero Banners on Layouts
These page layouts have been taken from real pages. Some of these pages may use different types of hero banners. The hero banner area can be thought of as separate from page content, so feel free to choose a different hero banner style than in the examples. If the layout uses an overlapping right column card, you can easily put that below the banner or if not using a banner, it can sit below the level 1 heading.

Basic Layouts

Side Bar

Single Column

Left Navigation

People or Organizational Contact Pages

Multiple Units

Single Unit

Priority Methods

USU

Navigational Pages

Registrar

Scheduling

AIS Home Page

Engineering Programs

Information Heavy Pages

Commencement

Tuition Payment

Policy

News Article Pages

USU Today

Large Image

Carnegie

Events

Generic

Admissions

Program Outline Pages

Engineering

USU Online

Statewide Campuses

HEP Program

Home Pages

AIS

UMAC

Inclusion