Integrate with login.gov in a user-friendly manner.
In order to create a user-friendly login.gov integration experience, we have some suggested integration user-experience (UX) patterns that you may use on your site. These patterns follow the U.S. Web Design System.
The Sign-in button should use your primary or important button color. This will help your users know that this is the next step in the process.
From the U.S. Web Design System button usability guidance:
Give an important action a distinctive style. Style the button most users should click in a way that distinguishes it from other buttons on the page. Try using the
usa-button--big variant or the most visually distinct color variant.
Make sure buttons look clickable. Use color variations to distinguish static, hover, and active states.
<button class="usa-button usa-button--big">Sign in</button> <button class="usa-button">Sign in</button> <button class="usa-button usa-button--outline">Sign in</button>
When you first integrate with login.gov you may want to indicate to your users that your application uses login.gov for authentication or proofing. If you decide to do so, please use the following language:
What is login.gov?
login.gov is a service that offers secure and private online access to government programs, such as federal benefits, services and applications. With a login.gov account, you can sign into multiple government websites with the same email address and password.
YOUR APPLICATION using login.gov?
login.gov uses two-factor authentication, and stronger passwords, that meet new National Institute of Standards of Technology requirements for secure validation and verification. By using login.gov, you’ll get an extra layer of security to help protect your account against password compromises.
Agency logo guidelines
We will publish your agency logo on login.gov to help users understand that partnership between the services. Please follow these guidelines when submitting a logo:
Contrast and background
Logos should be high contrast on a transparent background
File formats accepted
You will be able to use a
Provide both a 1x and 2x resolution png
|Resolution||Max width||Max height||Dots per square inch (dpi)||File name|
Export .svg files
set Styling using Presentations Attributes
We have a number of additional guidelines pertaining to the use of the login.gov brand and logo. Please use our guidelines so that we can provide a consistent visual experience across all government platforms.