Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Design assets

Integrate with login.gov in a user-friendly manner.

Overview

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.

Buttons

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.

Sample buttons

<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>

Copy guidelines

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.

Why is 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:

Agency logo guidelines to be displayed on login.gov- 171px x 40px

Contrast and background

Logos should be high contrast on a transparent background

Agency logo guidelines should have high contrast

File formats accepted

You will be able to use a .png or .svg logo.

png

Provide both a 1x and 2x resolution png

File formats
Resolution Max width Max height Dots per square inch (dpi) File name
1x 171px 40px @72dpi my-agency-logo-@1x.png
2x 342px 80px @72dpi my-agency-logo-@2x.png

svg

Export .svg files
set Styling using Presentations Attributes

login.gov logo
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.

View the login.gov brand guidelines