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.
Content width - 4 columns | Position: centred within viewport width and height.
Mobile
Content - full width
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