Digital pattern library

Hero banner

The hero banner pattern displays a large heading, introductory text and a call to action over an optional, large background image.

Options

Image guidelines

Text guidelines

Background image template

So it may be positioned reliably across a variety of screen sizes, the background image must created using the Photoshop template below.

Hero banner Photoshop template (PSD, 4.3 MB)


Hero banner

Scotland's first university

Discover what it’s like to study at St Andrews. Search undergraduate courses, explore postgraduate opportunities or find flexible study options.

Study at St Andrews

Code


Scotland's first university

Discover what it’s like to study at St Andrews. Search undergraduate courses, explore postgraduate opportunities or find flexible study options.

Study at St Andrews


Hero banner with transparent overlay

Choose St Andrews

Study at the University of St Andrews and experience world-class teaching, cutting edge research and the flexible degree structure of Scotland’s first university.

Search for courses

Code


Choose St Andrews

Study at the University of St Andrews and experience world-class teaching, cutting edge research and the flexible degree structure of Scotland’s first university.

Search for courses