Skip navigation
Mary Reed in Winter

Web Guidelines

Website Templates

We provide four website templates to help you start creating University Web pages. While each template has unique features, each shares colors, typography and structure that consistently convey the DU brand.

If you're creating a new DU website or redesigning your current site, you can pick which of these templated layouts best supports your content needs for each page of your site. (One site can incorporate more than one of the templates below.)

All templates require that you select a banner image for the top of the page. The Division of Marketing & Communications can help you select an image for the banner.

The page header and footer are identical across all templated sites, and their content is managed by the Division of Marketing & Communications.

  • Three-column layout
    This is the default template for University websites, and the most commonly used. In this layout, left column contains the navigation for the section of the site the page is in (that is, links to other pages within that section).

    You also can use the right-hand column to post resources such as your contact information, links to relevant pages, downloadable documents and icons that link to DU social media accounts, and links to multimedia and small banners that link to strategically important pages.

    The wider middle column provides ample space for your main page content.

  • Two-column left layout
    This layout features only a left column and a center column that extends to the right margin of the page. The left column contains the navigation, but no resources are listed on the right side of the page.

  • Two-column right layout
    This template eliminates the navigation on the left side of the page but leaves the right-hand column for resources and contact information.

    You generally would only use this template when a section within your site has only one page and no subpages that would need to be called out on the left-hand side of the page.

  • One-column layout
    This template strips the page of its right and left columns and extends the dimensions of the remaining column, allowing a very large space for the main page content.

    You can give your readers a break from the long lines of text within this layout by including content elements such as photos. This template is only used when you don't have left-hand navigation.