Work in progress
This page is a design preview. It may not contain the latest guidance and may not behave as expected.
Current guidance can always be found at design-system.dwp.gov.uk.
Show contact details for a service's offline support
The Contact a service pattern is a standard way of presenting offline contact details for a service: for example, telephone support information.
Use this pattern to show brief contact information for your service's offline support.
This pattern works less well when information is long or complex. For example, if your service has multiple phone lines and email addresses serving different locations, groups of claimants or benefit lines, consider creating a separate page and linking to it from your service's footer.
Keep this space for offline contact details. For contextual help content on individual questions or pages, use something more immediately findable such as hint text or a details component.
There are several different ways of presenting a service's contact information. This pattern recommends a standard.
The goals are to make it easy for users to find offline contact information (for example telephone numbers) and to make this more consistent across services.
Success measures could include people finding the information without problems in usability testing; there might also be a measurable reduction in contact to general enquiries numbers if people are able to find specific helpline numbers more easily.
This pattern is based on the designs used in Apply for a National Insurance Number and Apply for Pension Credit.
There is a public discussion for this topic on GitHub where you can share anything you think might be useful. Discuss Contact a service on GitHub.
Need help implementing this in a prototype or production build? Get support from the Design System team.
We depend on insights from real projects to update and improve the design system. If you use something we made, tell us how it went.
Send questions, comments or suggestions to the DWP Design System team.
Last updated: