Skip to content
This repository has been archived by the owner on Jun 11, 2024. It is now read-only.

(p)Login

ProPaul edited this page Jul 26, 2018 · 5 revisions

< Pattern Library

Overview

  • Help users sign in to your service if they have already created an account. Example below:

screen shot 2018-07-26 at 10 01 54

Use of this pattern

  • Use this page when requiring the user to sign in to the service.

How it works

  • The primary space on the left is reserved for introduction and explanation text.
  • Use H1 for the title heading with Leading and default paragraph styles for copy.
  • The secondary space on the right is reserved for the sign in area for users.
  • Use H3 for the title heading that should read Sign in always.
  • The form field should be the user ID area and in the case of NHSx should be explained as a 10 digit requirement.
  • The password form field should always follow the user ID field.
  • Then Sign in call to action button.
  • the Register and Forgot user ID follow as inline copy links.

Research on this pattern

Related patterns

Other

Clone this wiki locally