FusionAuth Brand Logo & Guidelines

These guidelines show how to properly use the FusionAuth logo, and brand out in the wild.

fusionauth logo and brand guidelines

Primary Logo

Please review our logo options and review our guidelines before use.

fusionauth primary logo

Primary logo

This is the main FusionAuth logo. It should be used in this form whenever possible.

fusionauth inverted primary logo

Inverted Primary Logo

This version features a white wordmark for greater legibility on dark contrasting backgrounds.

fusionauth primary logo lockup

Primary logo Lockup

fusionauth inverted primary logo lockup

Inverted Primary Logo Lockup

fusionauth primary vertical logo

Primary logo vertical

fusionauth primary logo vertical

Inverted Primary Logo vertical

Monotone Logos

When our primary or full-color logos aren’t an option, use the monotone logo that provides the most contrast. Some conditions that make using our primary or inverted full-color logos impossible include:

When budgets require single color printing, when accurate color representations aren't attainable, on busy or patterned backgrounds or on backgrounds without enough contrast.

fusionauth monotone midnight

Monotone Midnight

fusionauth monotone white

Monotone White

Brandmark

There are a few circumstances where our brandmark can represent the brand on its own without the word mark.

fusionauth midnight orange brandmarkfusionauth midnight brandmarkfusionauth white orange brandmarkfusionauth white brandmark

Colors

FusionAuth should always be represented by our primary brand colors.

primary

Carrot Orange

#F58320
RGB (245,131,32)
Accent

Midnight

#1E293B
RGB (30,41,59)
Accent

Solitude

#E6E7E8
RGB (230,231,232)
Accent

White

#ffffff
RGB (255,255,255)

Clear Space

Our logo works best when it has enough room to breathe.

Accent

Solitude

#E6E7E8
RGB (230,231,232)
clearspace with primary fusionauth logo

Primary logo

Keep a clear space of ‘X’ around our logo at all times to maintain its visual impact in every composition. X = the x-height of the word mark.

clearspace with fusionauth brandmark alone

Brandmark

Minimum Size

To maintain the visual integrity of our logo, don’t scale it below 48 pixels.

fusionauth primary minimum size example

Primary Minimum Size

fusionauth inverted primary minimum size example

Inverted Minimum Size

Minimum Size

To maintain the visual integrity of our logo, don’t scale it below 48 pixels.

fusionauth primary minimum size example

Primary Minimum Size

fusionauth inverted primary minimum size example

Inverted Minimum Size

Best Practices

Here’s a few examples of what we should absolutely avoid when using the logo.

Don't flip
Don't rotate
Don't squeeze
Don't stretch
Don't display as outline
Don't use against low-contrast
Don't use unapproved logo colors
Don't use unapproved gradients
Don't use the wordmark alone
Don't reverse the icon and wordmark
Don't change the spacing
Don't change the proportions