baseline grid

Error pages

Introduction

Things happen and sometimes links break through no fault of the useer. When this happens we adopt the ‘fail gracefuly’ approach and present the user with a message. These can be quite generic, depending on the problem but we should always present the user with a way back, if relevant.

Examples

Desktop
Content width - 4 columns  |  Position: centred within viewport width and height.
Mobile
Content - full width

Layout (desktop)

Title: 32px Rubik Medium, colour: #3C3E49  |  Paragraph: 18/32px Rubik Regular, colour: #3C3E49

Layout (mobile)

Title: 32px Rubik Medium, colour: #3C3E49  |  Paragraph: 18/32px Rubik Regular, colour: #3C3E49