How do GEM's components work together on a web page? How do page structures change throughout the website hierarchy? What examples can you base your pages on to keep them consistent and clear?

Our GEMplates answer these questions and more.

One-column pages

High-level pages, such as the Faculty of Arts landing page, use a one column structure. Landing pages themselves serve as navigational aids, so this structure maximises the space available for content. Marketing pages that stand apart from the hierarchy of the website also have one column. The 2020 branding campaign landing page is an example of this, with content that spans across the full width of the page.

Three-column pages

Three-column pages are lower in the hierarchy. They make up the bulk of Macquarie's website, and house the majority of our content. Users can see content immediately, thanks to smaller page headers. In addition to body content, the three-column structure allows space for a more structured left-hand navigation column, and a right-hand column where other relevant links and contact details can be highlighted.

More information

Within our one and three-column pages, GEM's components can be combined in many ways. Our layout guideline page goes into more detail about how components come together to form sections of pages. We will always be aiming to provide more examples of GEMplates, so if you have a question or suggestion feel free to get in touch with us.