Any views expressed within media held on this service are those of the contributors, should not be taken as approved or endorsed by the University, and do not necessarily reflect the views of the University in respect of any particular issue.

EdGEL: A tool for the University’s digital design

Our range of available services has been expanded recently by the official launch of the EdGEL website, which hosts information and tools to support the University brand and its digital presence.

GEL stands for Global Experience Language and in EdGEL refers to those elements that deliver the University’s digital design:

  • Global – it can be used in more than one context and applies to a wide range of digital applications, not just websites.
  • Experience – it can provide a consistent experience across various internal and external facing services.
  • Language – it provides design guidelines, as well as code elements, which can be used either in whole or in part, relative to needs.

Other big organisations, a great example being the BBC, have followed this path by developing and continuously enhancing their digital design frameworks to address their business requirements.

What is GEL? – A synopsis of what GEL is, in the BBC website.

What is it for?

The goal of EdGEL is to provide a simple to understand, easy to use and pleasant to view design framework, that uses established web standards, is accessible and can be expanded to cover business needs.

The framework will be used to streamline the user experience between different University services. EdGEL can be used in any project with a digital design requirement, from websites to other web-based services or systems. Our goal is to continuously update and enhance it to cover existing and emerging business needs, for example, since EdGEL has been used to deliver the central University Website, it has already been made available as part of the EdWeb Distribution to use locally.

What is available

At the EdGEL website users can find:

  • the full code, guidelines and documentation on best practice in using EdGEL and supporting the University brand, as well as links to further resources.
  • live code examples of specific design elements and patterns, as well as how all this comes together when used in the front end of the central University Website.
  • all available communication channels including how to get support for EdGEL, as well as information to expand it beyond its current delivery.

EdGEL website

Technical foundations

EdGEL is built using the Twitter Bootstrap framework, which can be very flexible, provides basic design elements and supports responsive delivery, i.e. change of look and feel according to a device’s screen size. Bootstraps’ iconography is used extensively with CSS and LESS, to allow dynamic style sheets to deliver the style.

If you want to learn more about EdGEL, or you have questions or need support to use it, please contact us at

2 replies to “EdGEL: A tool for the University’s digital design”

Leave a reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Report this page

To report inappropriate content on this page, please use the form below. Upon receiving your report, we will be in touch as per the Take Down Policy of the service.

Please note that personal data collected through this form is used and stored for the purposes of processing this report and communication with you.

If you are unable to report a concern about content via this form please contact the Service Owner.

Please enter an email address you wish to be contacted on. Please describe the unacceptable content in sufficient detail to allow us to locate it, and why you consider it to be unacceptable.
By submitting this report, you accept that it is accurate and that fraudulent or nuisance complaints may result in action by the University.