Digital pattern library

The digital pattern library is a developers' resource to ensure a consistent look and feel for all digital products at the University of St Andrews.

It acts as a central repository for the source code of each pattern used on the University website and web applications, and also documents coding standards, colours, and other development criteria for digital products. 

The digital pattern library is an evolving set of design patterns underpinning a new digital approach for the University, built through collaboration, and tested with real people who use our products. 

The pattern library has three main audiences: 

1. General users

General users will load pages in their browser, using the core CSS and JavaScript from the pattern library. Pages they access should all have the same look and feel.

2. Web developers

Developers outwith the digital communications team build applications or websites using our core CSS and JavaScript. These developers need to know what the official patterns are and how to use them. The source code is stored in a remote Git repository. If you are a developer and would like to gain access to the source code, please contact the digital communications team by email via

3. Digital communications team

The digital communications team develops and designs the pattern library and uses it to build digital assets. The team needs a central place to work, test, and document the design patterns.

Digital pattern library