Skip to main content

Digital Design Services

This website gives examples of all components available within the Newcastle University Digital Design System, guides on how to use them, and information about our web content standards.

Content design and production

See examples of all content components in our design system, and instructions detailing how to use them. All content created for www.ncl.ac.uk should follow the University's editorial standards, and adhere to our image guidelines. 

UX and content design

Editorial standards

An editorial guide for people who create content for Newcastle University websites. Following this guide helps to produce a consistent writing and formatting style across the digital estate.

Image guidelines

A guide to sourcing and editing images for use on Newcastle University websites. Following this guide helps to create consistency, enhance content, and ensure key messages are being supported.

Search engine optimisation

Find out how you can improve your website's position in search engine results.

Wireframing and development

All developments to the Newcastle University design system are assessed by the Design Authority team at Newcastle University. We conduct extensive user research, user testing, and browser testing before we release updates. We aim to achieve a AA or AAA web accessibility rating for everything we produce.

Sometimes we work with external delivery partners to help improve or add to the design system. Useful resources for designers and developers can be found below. 

Our web template

Wireframing kit

Download our UI library as a Sketch file. It contains our page layouts and content components, and is suitable for wireframing and prototyping.

Component guides

Our Digital Design System is made up of a suite of different content components. They're a bit like building blocks, and can be combined in different ways to create different page layouts.

About this website

This website is run by the Digital Team at Newcastle University.

Most photography used on this website comes from Unsplash, and most of our graphics are from Humaaans. Our placeholder images are generated by Placeholder, and our placeholder text is from Lipsum.