Tile grid
The tile grid pattern shows a collection of links to highlighted content such as news articles. It contains a heading, call-to-action buttons and a grid layout of tiles. Each tile is a clickable link, and includes an image, title and description along with optional date and tag.
Rules for tile grid
- Must have a light grey, or white background colour.
- Must only be used on full width page layouts.
- Must not use more than six tiles in one grid.
- Must only have one tile grid per page.
- Must only be used within the main body of the page.
- May contain a maximum of two call-to-action buttons.
- Tile images must be 750 by 500 pixels.
- Tile titles should not be more than 50 characters, or two lines in length.
- Tile description text should be between 80 to 140 characters, or roughly three to four lines in length.
Tile colours
Tile colours may be used to represent different categories. For example, in the below options, tile colours represent the following categories:
- Blue, primary: News
- Green, secondary: Featured event
- Red, tertiary: Photo of the week
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 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.
The work of one of Scotland's most revered contemporary artists, Barbara Rae, is to go on display in St Andrews.
Hundreds of football fans watched the World Cup final in the newly opened Sandy's Bar at the Students' Association on Sunday.
Scientists have, for the first time, decoded the meanings of chimpanzee gestures.
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.
Alistair Darling to use public address to make the case for Scotland remaining in the UK
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.
Date 23 August 2017
Category News
The work of one of Scotland's most revered contemporary artists, Barbara Rae, is to go on display in St Andrews.
Date 16 August 2017
Category 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.
Date 12 July 2017
Category Photo of the week
Scientists have, for the first time, decoded the meanings of chimpanzee gestures.
Date 5 July 2017
Category 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.
Date 28 June 2017
Category Photo of the week
Alistair Darling to use public address to make the case for Scotland remaining in the UK
Date 21 June 2017
Category Featured events
Tile grid with white 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.
The work of one of Scotland's most revered contemporary artists, Barbara Rae, is to go on display in St Andrews.
Hundreds of football fans watched the World Cup final in the newly opened Sandy's Bar at the Students' Association on Sunday.
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.
Date 23 August 2017
Category News
The work of one of Scotland's most revered contemporary artists, Barbara Rae, is to go on display in St Andrews.
Date 16 August 2017
Category 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.
Date 12 July 2017
Category Photo of the week
Tile grid with background image - deprecated
This option is no longer supported
This option is now deprecated and will be removed in a future release.
To add a background image, attach the image using an inline style, for example <div class="tile-grid" style="background-image: url(path/to/image.jpg)">.
- The background image must be blurred, this can be done in Photoshop.
- The background image must be large, this example is 2100 x 1400 pixels.
The Museum of the University of St Andrews (MUSA) has attained the top standard for sustainability from the Green Tourism Business Scheme.
The work of one of Scotland's most revered contemporary artists, Barbara Rae, is to go on display in St Andrews.
Hundreds of football fans watched the World Cup final in the newly opened Sandy's Bar at the Students' Association on Sunday.
Scientists have, for the first time, decoded the meanings of chimpanzee gestures.
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.
Alistair Darling to use public address to make the case for Scotland remaining in the UK
The Museum of the University of St Andrews (MUSA) has attained the top standard for sustainability from the Green Tourism Business Scheme.
Date 23 August 2017
Category News
The work of one of Scotland's most revered contemporary artists, Barbara Rae, is to go on display in St Andrews.
Date 16 August 2017
Category 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.
Date 12 July 2017
Category Photo of the week
Scientists have, for the first time, decoded the meanings of chimpanzee gestures.
Date 5 July 2017
Category 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.
Date 28 June 2017
Category Photo of the week
Alistair Darling to use public address to make the case for Scotland remaining in the UK
Date 21 June 2017
Category Featured events