Digital pattern library

Tile grid

The tile grid pattern contains a heading, a call to action button and a grid layout of tiles; it is used to show a collection of news and/or events. Each tile is a clickable, single-action item. It includes an image, title and description. It's ideally used for displaying an event or news item.

Rules for tile grid

Tile colours

Tile colours represent different categories used. For example, in the below options, tile colours represent the following categories:

Blue is the primary colour used for the most popular category. Tile grids must not include more than three category colours.

Options available


Tile grid with background image

To add a background image, attach the image using an inline style, e.g. <div class="tile-grid" style="background-image: url(path/to/image.jpg)">.

What's happening in St Andrews

The Museum of the University of St Andrews (MUSA) has attained the top standard for sustainability from the Green Tourism Business Scheme.

Wednesday 23 August 2017
News

The work of one of Scotland's most revered contemporary artists, Barbara Rae, is to go on display in St Andrews.

Wednesday 16 August 2017
Photo of the week

Hundreds of football fans watched the World Cup final in the newly opened Sandy's Bar at the Students' Association on Sunday.

Wednesday 12 July 2017
Photo of the week

Scientists have, for the first time, decoded the meanings of chimpanzee gestures.

Wednesday 5 July 2017
News

Graduation is a time for all the family but this year one pet dog made its way into the post-ceremony celebrations in the Quad.

Wednesday 28 June 2017
Photo of the week

Alistair Darling to use public address to make the case for Scotland remaining in the UK

Wednesday 21 June 2017
Featured events
Code

What's happening in St Andrews

The Museum of the University of St Andrews (MUSA) has attained the top standard for sustainability from the Green Tourism Business Scheme.

Wednesday 23 August 2017
News

The work of one of Scotland's most revered contemporary artists, Barbara Rae, is to go on display in St Andrews.

Wednesday 16 August 2017
Photo of the week

Hundreds of football fans watched the World Cup final in the newly opened Sandy's Bar at the Students' Association on Sunday.

Wednesday 12 July 2017
Photo of the week

Scientists have, for the first time, decoded the meanings of chimpanzee gestures.

Wednesday 5 July 2017
News

Graduation is a time for all the family but this year one pet dog made its way into the post-ceremony celebrations in the Quad.

Wednesday 28 June 2017
Photo of the week

Alistair Darling to use public address to make the case for Scotland remaining in the UK

Wednesday 21 June 2017
Featured events

Tile grid with light grey background

This is the default background.

What's happening in St Andrews

The Museum of the University of St Andrews (MUSA) has attained the top standard for sustainability from the Green Tourism Business Scheme.

Wednesday 23 August 2017
News

The work of one of Scotland's most revered contemporary artists, Barbara Rae, is to go on display in St Andrews.

Wednesday 16 August 2017
Photo of the week

Hundreds of football fans watched the World Cup final in the newly opened Sandy's Bar at the Students' Association on Sunday.

Wednesday 12 July 2017
Photo of the week

Scientists have, for the first time, decoded the meanings of chimpanzee gestures.

Wednesday 5 July 2017
News

Graduation is a time for all the family but this year one pet dog made its way into the post-ceremony celebrations in the Quad.

Wednesday 28 June 2017
Photo of the week

Alistair Darling to use public address to make the case for Scotland remaining in the UK

Wednesday 21 June 2017
Featured events
Code

What's happening in St Andrews

The Museum of the University of St Andrews (MUSA) has attained the top standard for sustainability from the Green Tourism Business Scheme.

Wednesday 23 August 2017
News

The work of one of Scotland's most revered contemporary artists, Barbara Rae, is to go on display in St Andrews.

Wednesday 16 August 2017
Photo of the week

Hundreds of football fans watched the World Cup final in the newly opened Sandy's Bar at the Students' Association on Sunday.

Wednesday 12 July 2017
Photo of the week

Scientists have, for the first time, decoded the meanings of chimpanzee gestures.

Wednesday 5 July 2017
News

Graduation is a time for all the family but this year one pet dog made its way into the post-ceremony celebrations in the Quad.

Wednesday 28 June 2017
Photo of the week

Alistair Darling to use public address to make the case for Scotland remaining in the UK

Wednesday 21 June 2017
Featured events