2factorauth

Brand guidelines

Projects

2factorauth primarily maintains two website directories. One lists MFA/2FA authentication support, and the other is WebAuthn/Passkey authentication support.

Please use their names rather than the domains when referring to these projects.


Do's and Don't's when referring to 2factorauth and its projects:

Logo

Logo Usage

The logo of 2factorauth features a smartphone with a keyhole and a key inserted.

The logo has two versions: one with a circular white background and the other with a square background. Whenever possible, use the version with the circular background.

Do not alter the white background. If placing the icon on a white page, maintain the background as it is, ensuring correct separation from other materials.

Do not add any symbols on top of the icon, like checkmarks, TM symbols or other characters, that may obstruct the icon or background.

Rounded logoSquare logo

Colors

Brand color

The 2factorauth brand color is a greenish-blue turquoise shade.

The color is used as an accent color and not a primary color. Some use cases include button colors, navbar borders, and link text underlines.
It should not be applied as a text or logo color.

Color Codes
HEX:
#38CCCC
RGB:
61, 207, 194
HSL:
175, 60, 53
HSV:
175, 71, 81

Light Color Pallet

The directories feature a light theme with a clear white background, a slightly tinted secondary background, and category buttons. Box shadows are used to emphasize larger interaction blocks, giving a clean and modern look.

When building new websites for 2factorauth, or when editing existing ones, please base the design on the following colors.

Primary Background
Secondary Background
Text Color
Success
Danger
Category Button

Dark Color Pallet

The directories use the following colors for their dark theme.

The dark theme has a warmer, less eye-straining feel with more muted colors than the light version. Unlike the light version, the dark theme does not utilize box shadows.

Primary Background
Secondary Background
Text Color
Success
Danger
Category Button