Templates
Whole-page layouts to copy as a starting point for the common pages every service needs.
Templates are ready-made pages built from the components and patterns. Copy one as the starting point for a page every service needs — an error page, a start page, a sign-in page or a question page — then fill in your content.
Service pages
Confirmation page
Confirms the service is done, gives a reference number, and says what happens next.
Landing page
The first page of a service - what it does, what users need, and a start button.
Session expiry
Tells the user their session ended and how to start again.
Authentication
Create an account
Collects the details needed to set up an account.
Reset password
Takes an email address and sends a reset link, without revealing who has an account.
Sign in
Collects a user's credentials and links to account recovery.
Forms
Multiple questions page
More than one question on a page - only when the questions are closely related.
Single question page
One question per page: the default shape of a form step.
Error pages
JavaScript disabled
Shown when part of the service depends on JavaScript that is not running.
Page not found (404)
Shown when someone follows a broken or mistyped link (HTTP 404).
Problem with the service (500)
Shown when something goes wrong that the user cannot fix (HTTP 500).
Service unavailable (503)
Shown when the service is deliberately offline (HTTP 503).