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.

Brand

When working with the login.gov brand, follow these guidelines to ensure you're representing the product in a consistent way across all mediums.

Consistent and repeated use of the logo and lockups will establish equity and strengthen the visual identity of login.gov. To ensure consistency, it is critical that every person who uses the logo does so in accordance with the guidelines that follow, regardless of personal preference.

The shield and wordmark

The login.gov logo is the cornerstone of our brand. Whenever possible, the red and blue version should be used. A white (or reverse) version can be used on a dark background.

login.gov logo

login.gov logo

Whitespace

The logo should always be surrounded by generous white space. The diagram below defines the minimum amount of clear space needed, which is based on the cap-height of the typography.

login.gov logo spacing diagram

Minimum size

Establishing a minimum size ensures that the impact and legibility of the logo is not compromised in application.

login.gov logo minimum size diagram

Logo Usage

Incorrect color usage

For optimum legibility and brand consistency, the logo should never be used in white with a light background. Conversely, the standard logo should never appear on a dark background.

login.gov logo

login.gov logo

Do not outline. login.gov logo outlined
Do not skew. login.gov logo skewed
Do not apply effects. login.gov logo with effects
Do not adjust spacing. login.gov logo spaced
Do not apply drop shadows. login.gov logo shadowed
Do not distort. login.gov logo distorted
Do not apply brand colors. login.gov logo brand colored
Do not apply gradients. login.gov logo gradiented
Do not rotate. login.gov logo rotated
Do not mask images or graphics. login.gov logo masked
Do not use additional colors. login.gov logo colored
Do not separate the shield from the wordmark. login.gov logo separated

Illustration

Principles

Be useful

Illustration provides context, adds clarity, builds consistency, and lead users to their next step. Ultimately, any illustration should provide a deeper understanding of the application or brand.

Be consistent

Being consistent in illustration means considering details of a single illustration, as well as looking at the body of illustration work as a whole. Consistency speaks to quality: of the illustration and of the product it represents.

Be focused

Illustration is most effective when it is precise in choosing a single message to deliver. With every narrative that is built there needs to be a focal point, a hierarchy of elements that contribute to the single, pointed message. With every illustration, we ask ourselves “what are we trying to say?”

Security key illustration Failure illustration Confirmed identification illustration

Slide decks

If you’re looking to build a new slide deck, please use the official Login.gov slide template available on Google Drive. Users of the slide deck template can submit additional template suggestions to the #login-design slack channel.