Brand guidelines

Last updated: June 20, 2023

Logo guidelines

Primary

It identifies the brand and is most commonly used. Our primary logo (white type with a red symbol) should be used over dark backgrounds.

Passbolt logo white

An alternative logo for white backgrounds can also be used.

Passbolt logo black

Secondary

Passbolt Logo secondary

It retains the original character of the primary logo but can be used for different functions or usages. It can be used over white backgrounds.

Minimum Size

Our logo is bold enough to be legible at small sizes, but it should never appear smaller than the minimum screen and print sizes listed here:

Passbolt Logo Minimum Size
Fig.1 passbolt logo minimal size

Scaling proportionally

The proportions of the logo must never be altered. To resize an approved logo or any other element from our library, hold down shift while scaling to maintain the correct proportions.

Passbolt Logo Scaling
Fig.2 scaling passbolt logo

Clear space

To ensure our logo remains legible and intact, always maintain a minimum distance between the logo and other elements.

Passbolt Logo Spacing
Fig.3 space around the passbolt logo

Improper logo usage

Passbolt Logo Alteration

Never alter or manipulate our logo in any way. In all cases, use only approved brand assets.

Passbolt Logo Font

Never try to use a different font. Do not add shadows or other effects to the logo.

Passbolt Logo Angle

Never distort the logo at an angle, do not stretch or compress the logo, or obscure the legibility of the logo in any way.

Background colours & symbols

Colours

Logo & highlights:

Passbolt red: #D40101

Shades of grey:

Background colour: #1F1F1F
Symbols colour: #171717

Symbol

Passbolt brand identity uses a variety of symbols mostly in the background. A passbolt font containing all the symbols is also available here:

Icons

https://github.com/feathericons/

Font

https://github.com/rsms/inter

h
b
f
c
j
g
i
l
k
h
b