FutureLearn Pattern Library

Design Guidelines for FutureLearn designers and developers.



As the FutureLearn platform grows and evolves, it’s important that the design patterns and visual style are upheld to deliver a defined and cohesive experience. In order to achieve this, we need to have a single point of reference for all the patterns we use, so that everyone internally can refer to them. We also need a shared vocabulary of UI elements and code, to allow teams to communicate with each other in the most efficient way.

Company website: futurelearn.com

Further Readings

Find out more on the design system and get to know it better.

Building our first pattern..

by Alla Kholmatova

We recently redesigned and rewrote our pattern library to help us build the FutureLearn site. Here, our Interaction Designer, Alla Kholmatova.. Read more

Modular design..

by Alla Kholmatova

Recently, there’s been a shift from designing pages to designing systems, in order to deliver consistent, scaleable design cross-platform. Read more

Maintaining and organising..

by Alla Kholmatova

In this post Alla, one of our designers, discusses organising elements in our pattern library and the challenges of maintaining modular design. Read more