Web › Toolkit

Web Development Toolkit

Read me.

Yes! You want to get rolling on your new website! But it's important you take about two minutes to read the following documentation. The new toolkit provides a flexible design that can be styled for home, secondary-level and tertiary pages. The clean, modern templates are ready to use; it's up to you to organize content in a way that makes sense for your audience.

Take the organized approach.

Redesign is the perfect opportunity to take stock of your website, evaluate its performance and take a look at the content and organization. Begin your redesign build with a content plan to help determine which templates to use.

When organizing your site, try to think like a user. Ask yourself some questions: What are you looking for? What paths or steps do you take to find information? Tour template features to get familiar with what the new design entails and how your content fits. You should also learn how to use analytics to optimize your site's usability.

Get creative.

That content plan will come in handy, even if you’re an experienced designer/developer. While university web maintainers can use ready-made templates, the new design provides carte blanc between the header and footer on each page for those with the required skills.

Template flexibility enables schools and departments to craft unique web experiences for their audiences while maintaining the university brand. For those with more limited web skills, we've developed templates for use with Adobe Contribute, which is available on the Software Center. We also invite departments to work with outside web vendors to execute individual projects within our brand standards.

Reach out.

Looking for direct communication with your audience? Use email and newsletter templates.

Download the template:


Template A (click on image for live preview)

Description: Two column layout design with a horizontal top-level navigation bar, specialized feature, and optional blue background or simple footer.

Header, two column layout, specialized feature with highlighted content, top-level navigation bar and blue background footer.
Header, two column layout, specialized feature with highlighted content, top-level navigation bar and blue background footer.
Download template (.zip)

Header, two column layout, specialized feature with image, top-level navigation bar and blue background footer.
Header, two column layout, specialized feature with image, top-level navigation bar and blue background footer.
Download template (.zip)

Header, two column layout, specialized feature with highlighted content, top-level navigation bar and simple footer.
Header, two column layout, specialized feature with highlighted content, top-level navigation bar and simple footer.
Download template (.zip)

Header, two column layout, specialized feature with image, top-level navigation bar and simple footer.
Header, two column layout, specialized feature with image, top-level navigation bar and simple footer.
Download template (.zip)

Template B (click on image for live preview)

Description: Three column layout design with a left-hand navigation bar, specialized feature, and optional blue background or simple footer.

Header, three column layout, specialized feature with highlighted content, left-hand navigation bar and blue background footer.
Header, three column layout, specialized feature with highlighted content, left-hand navigation bar and blue background footer.
Download template (.zip)

Header, three column layout, specialized feature with image, left-hand navigation bar and simple footer.
Header, three column layout, specialized feature with image, left-hand navigation bar and simple footer.
Download template (.zip)

Header, three column layout, specialized feature with highlighted content, left-hand navigation bar and simple footer.
Header, three column layout, specialized feature with highlighted content, left-hand navigation bar and simple footer.
Download template (.zip)

Header, three column layout, specialized feature with image, left-hand navigation bar and simple footer.
Header, three column layout, specialized feature with image, left-hand navigation bar and simple footer.
Download template (.zip)

Template C (click on image for live preview)

Description: Single page, one and two column layout with optional blue background or simple footer. NOTE: The following templates do not include navigation bar.

Header, one column layout and simple footer.
Header, one column layout and simple footer.
Download template (.zip)

Header, two column layout and blue background footer.
Header, two column layout and blue background footer.
Download template (.zip)

Template D - For Adobe Contribute users only (click on image for live preview)

Description: One and two column layout with optional simple footer. NOTE: This template contains locked and editable regions and is only recommended for Adobe Contribute users.

Take a tour.

Template tour guide

Templates offer a clean look with a number of flexible options for maintainers who want ready-to-use. Tour the features.

Be in the Know.

Be first to know when we update the toolkit: Sign up. You should also join the webadmins group.

Get answers.

Have a question? From permissions to connecting, we have answers. See our FAQs.

Understand our Brand.

Brand Book

Explore our brand style guide for information on logo usage, approved colors, fonts and visual standards. Open the brand book.