With every new design evolution it is challenging to understand how these new components for together. In this section, we have provided a number different pages, at different levels of the website, to try an illustrate exactly how these components can be placed together to form your page.

Writing for web should fulfil a clear purpose, and address the unique requirements of the online medium.

One column pages

Our Faculty of Arts landing page is a fine example of one column pages.

The Campaign 2020 landing page is indicative of a page laid out with components across the entire width of the page.

Three column pages

We have some excellent examples of three column pages. The new image banner at the top of our pages has been reduced to bring the content into view on the first screen of most laptop computers.

The left-hand navigation is now more structured, especially across the departments, and provides consistency and familiarity for our users.

The right-hand stack area, the third column of content, provides a perfect place for you to highlight anything currently important that may be happening in your area, where you can promote up to 11 items, including: contact information; 3 larger promotional tiles; two buttons; and up to six quicklinks, which can connect your site visitors to other areas of the website, or downloadable content.

Heading

There are different layouts of combined components down the length of the content area, placed together in a structured hierarchy to convey your important digital message in a proper priority for you and the visitors to your pages. Our Layout guideline page area goes into more detail on the importance of how the components are structured in the page.

Of course, we will always be aiming to provide more examples of these GEMPlates, so if you have a suggestion or have a question, feel free to get in touch.