Login page
Use the login page pattern when your users are requested to authenticate in order to access products or sensitive data.
Designer guidelines
Developer documentation
Previewlink
Structurelink
The login page consists of a form defined by the product with required input from the user, a logo, actions and support links. Here is an image which is used in desktop mode to represent the solution.

How it workslink
Use as the login template for retail or corporate application login page. You can extend the number of input fields and actions and replace the image and branding logo for white labelling.
Desktop
Default view

Active and error state

Corporate banking example

Mobile

Tools to build the login pagelink
You can use the app starter kit or get the login pattern XD resource.