The GEL Design System is a frontend development framework designed for multi-brand, responsive, accessible, mobile first projects. It provides HTML, CSS, LESS and JavaScript to describe how each core interface element should look and behave. The Design System can also be used as a point of reference for UX and UI designers. This is a collaboration between many designers and developers which we’re continually refining and optimising.
use the Design System
work smarter, not harder
get updates
subscribe to our email
Subscribe now to be kept up-to-date on all things GEL. You’ll be informed every time we have a major release, including any technical or design changes. Even if all we do is change an icon... you’ll be the first to know!
GEL updates archive
whatever your role
you’ll work smarter, not harder

CX lead
Create the project’s customer centric foundation to ensure that it delivers on its specific brand and business promises. More about your role as CX lead

Producer
Guide and support the CX project team in delivering high quality customer experiences balancing customer, business and technology requirements, within the agreed project scope and plan. More about your role as Producer

UX Designer
The advocate for the customer, ensuring they’re always represented and that your design solutions balance customer needs and desires with business viability and technical feasibility. More about your role as UX designer

Visual designer
Shape the final appearance of the interface and inform the developers on how exactly the product will look and feel. More about your role as Visual designer

Front-end developer
Deliver code consistency across our digital brands achieving the quality and efficiencies that the Design System fosters. More about your role as Front-end developer