Skip to main content
Sign In

Web Identity Standards

Page Layout Elements

Layout Elements

Every page layout on the Web is composed of elements, from headings and text blocks to promotions, navigation, and branding. Careful alignment and space allocation polishes your layout to give your pages an overall clear and confident appearance. Without it, scattered elements can detract from the message your site is trying to present. Knowing your elements is the first step in the layout process.

There are six content areas that make up the university page layout design –header, navigation, breadcrumb, main content, sidebar(s) and footer regions. The header and footer each contain required content elements.

  • Header
    A banner that includes the unit logotype and search.
  • Main Navigation
    The main navigation of your site.
  • Breadcrumbs
    Shows the location of the current page in relation to other site pages. Breadcrumbs are not to be used on welcome page layouts.
  • Main Content
    Contains your site-specific information and images.
  • Sidebar Region
    May contain local navigation, call-to-actions or other types of information.
  • Footer
    Contains the mandatory university links and branding. Each unit may add their own custom footer above the university footer.

© The Regents of the University of Colorado, a body corporate. All rights reserved.

Accredited by the Higher Learning Commission. All trademarks are registered property of the University. Used by permission only.