Skip to main content

Error pages

Tell the user there is something wrong with the service. These are also known as 500 and internal server error pages.

Note: In some cases the height of the content is smaller than the height of the viewport especially in desktop screens. As a result, the footer of the page will stick to the middle of the screen which is not ideal for the user experience. To fix that, you can use the .govgr-layout-wrapper__full-height CSS utility class combined with .govgr-layout-wrapper.

When to use this pattern

Use this page when there is an unexpected problem with the service. Use the same page for all unexpected problems. Log all errors and fix them as quickly as possible.

How it works

These pages should have:

  1. The error name: Error name is the main title of the error page and it is placed at the top of the page. This should help people understand there is a problem with the service.
  2. Description: A short explanation which helps the user to understand the error of the service.