Digital Design

Best Practice Examples

Best Practice Examples

This section includes best practice examples of how the content types in T4 can be combined to build a variety of web pages.

Homepage

Our homepage example contains content from the About the University section of the website. It includes examples of:

  • grids
  • external media
  • dual tone headings

test publish

Masthead page

Our masthead example contains content from the School of Agriculture, Food and Rural Development website. It includes examples of:

  • a masthead
  • pull quotes
  • buttons

Grid pages

Our grid example contains content from the Research website. It shows how a grid can work on a section opener, with a small amount of contextual content.

Basic page

Our basic page example contains content from the About the University website. It includes examples of:

  • a page title and introduction
  • a standard image
  • expandable content (mobile collapse)
  • external media

Tabbed page

Our tabbed page example contains content from the Newcastle Law School website. It includes examples of:

  • tabbed content
  • a standard image
  • a pull quote
  • social media links

News

Our news examples contain content from the Postgraduate website:

Events

Our events example contains content from the Information for Schools and Colleges website.

Staff

Our staff list example contains content from the Institute of Neuroscience website.