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.


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.


When working with the 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 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 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. logo logo


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. logo spacing diagram

Minimum size

Establishing a minimum size ensures that the impact and legibility of the logo is not compromised in application. 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. logo logo

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



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 slide template available on Google Drive. Users of the slide deck template can submit additional template suggestions to the #login-design slack channel.