UCL design system

Why we have a design system, how it helps create consistent and accessible experiences, who it's for, with roadmap and governance guidance for implementation.

Pre-built UI elements and tokens to create accessible designs efficiently. Use these tools to align with development and maintain visual cohesion across UCL products.

Accessible, reusable code components that match design specifications. Build consistent interfaces faster, reduce technical debt, and ensure alignment with designers.

Foundations are the building blocks of our design system that create the visual and interactive framework for UCL digital products.

Our design system components provide consistent, accessible building blocks for creating intuitive user interfaces, each designed with flexibility and usability in mind.

Use UCL's digital brand elements to create consistent, accessible, and professional digital experiences across all platforms.