Logo System

Logo

Our logo is the cornerstone of our visual identity. The handshake mark represents our brand duality — security and experience meeting in the middle. Use it consistently to build recognition and trust.

Logo lockup

Our full logo is composed of the Handshake with is our logomark and the logotype set in Titillium Regular.

Sign In App Logo

Logo lockup

Our lockup is the structured relationship between the logomark and logotype.

Logomark

Icon for favicons and small spaces

Sign In App Logo

Logo dark mode

Works well on dark surfaces

Handshake

Our logomark is the Handshake, designed with simple geometric shapes in a unique color combination.

It can be used by itself or with the circle container in white or light gray. The dark gray background is reserved for dark mode only.

Logo Colors

This colors are exclusive to the Sign In App logo. We dont use them anywere else.
These may look like our colors but they are different shades of them.

Logo Teal

HEX #58E3D0

RGB 88 / 227 / 208

Logo Green Dark

HEX #52C41A

RGB 82 / 196 / 26

Logo Green

HEX #70D955

RGB 112 / 217 / 85

Clear Space Guidelines
The minimum clear space around the logo is based on the height of the letter "o" or "n" in the logotype. Follow the space as needed depending on the logo version needed.
Partner lockups
The minimum clear space around the logo is based on the height of the letter "o" or "n" in the logotype. Follow the space as needed depending on the logo version needed.
Minimum Size
Ensure the logo remains legible at all sizes
Sign In AppDigital: 120px min
Sign In AppPrint: 25mm min
Do

Use the logo on white or light backgrounds

The logo looks best on clean backgrounds

Maintain clear space around the logo

Keep adequate spacing for visibility

Use approved logo files from the brand portal

Always use official assets

Scale proportionally

Maintain aspect ratio at all sizes

Don't

Stretch, distort, or rotate the logo

Always maintain original proportions

Change the colors of the logo

Use only approved color variations

Add effects like shadows or outlines

Keep the logo clean and simple

Place the logo on busy or clashing backgrounds

Ensure good contrast and visibility