Get started

Our brand
Find everything about our brand, our voice, and all the things that makes us distinctly us.
Components & patterns
Browse the components we use for building digital products and their code.
Content & writing
Guidance and resources for writing engaging content for our audiences.
Guidance & resources
The principles and the philosophy at the core of everything we do.
Working with Drupal
Practical guides and recommendations for getting the most out of our content management system.
Made with Indigo
Get inspired by a showcase of websites and digital projects made at UCL.

But I’m not a designer

Learn how the UCL design system helps you work faster and how to start using its resources.

Find out about UCL’s design system

Designed for you

For editors
Indigo helps you focus more on the pages you build and the content you write.
View resources and guides
For designers
Spend less time reinventing the wheel and more time solving real problems.
Get the design starter pack
For developers
Indigo helps you build faster with modular, extensible code.
Start building with Indigo

Many voices, one brand

Whether in print or on screen, UCL’s personality shines through our bold visual style and expressive tone of voice. We want your unique voice to join our chorus.

Logo

Colours

Typography

Tone of voice and house styles

Photography and media

Indigo is UCL’s digital design language

Indigo helps us to standardise things like fonts, colours, and spacing, to ensure UCL has a strong and familiar voice wherever our audiences encounter us in the digital world.

UCL’s digital principles

Getting started

Digital design foundations

Components, patterns and layouts

Colour theming