Skip to main content

Adding the Care Identity button to your service

Find out how to add the Care Identity button to your service, including information on when to use it, sizing, style and a link to download the button.

Overview

The Care Identity button provides an easy way for users to access Care Identity login screens.

Care Identity button


Here's how the process works:

Overview of process

About this graphic

This graphic shows an overview of the process:

  1. The website or app renders the Care Identity button
  2. The user clicks the Care Identity button
  3. The user completes the Care Identity authentication and authorisation flow
  4. Care Identity redirects the user to the application, passing authorisation information for the user

Using the button

The Care Identity button is not always necessary. If there is not an application session, it is possible to go straight to NHS CIS2 Authentication which may result in a better user experience.

The Care Identity button is best used if your application has a login screen or a separate login section on the page.


Download the button

The Care Identity button is available to download in a variety of different formats. This button must always be visible and up front.

The button must adhere to our button guidelines. It is not customisable, and must have the same visibility as any other login mechanism if present.

We will check in with you periodically to make sure you are aligning with our guidelines, and to review the placement and visibility of the Care Identity button on your website or app.


Colour

The Care Identity button is available in NHS blue and in a light version. When the button is placed on a background that is darker than 50% grey, the light version of the button should be used for legibility.

Changing the colour of the button to anything other than the original and light version is not allowed.

Light Care Identity button with dark background


Clear and visible

The Care Identity button must always be as clear and visible as any other third party login options. All login buttons should be the same size and have a similar visual weight.

Care Identity button size examples


Matching your own style

To allow users to recognise the Care Identity option quickly, we strongly recommend using the standard NHS blue version of the button, with the call to action Log in with my Care Identity.

If you want to adapt the button design or translate the text to match the style of your website or app, continue reading these guidelines.

Call to action text

To encourage users to click the button, we recommend using Log in with my Care Identity as the call to action text. This may need to change depending on the context and environment.

These examples show which calls to action work best.

Care Identity call to action example

Condensed version

If for any reason you need to have the call to action outside of the button, please use our condensed version. When you use this version, you must not change the text. 

This condensed version is only to be used at times when you cannot comfortably display the call to action text within the button, or it is not appropriate to do so due to surrounding copy.

Care Identity button condensed version

Size

You can scale the button as needed for different devices and screen sizes, but you must keep the aspect ratio the same so that the NHS logo is not stretched.

When scaling the button, you must ensure that the writing is still clear and readable.

Care Identity button size comparison examples


Further information

For detailed technical guidance on who can use NHS and NHS Digital identities, including how and where they should be correctly applied, visit NHS Digital style guidelines.

Last edited: 18 June 2024 2:43 pm