Authentication Button for Websites and Applications

Styles

From flat to rounded. Use the style that matches your application or website.

By default, the primary button style is used unless otherwise impossible.

For example: if the service button or a form button has a similar color, it is assumed to be placed within a block with other buttons in a uniform style (with an outline) or has a colored background underneath.

Assets

To download the logo and buttons in SVG format, click the button below:

Wording

Use only the recommended wording.

Do not change the text in the button. Use only the suggested options.
Except for the personalized button

Height

Width

The padding inside the button should be no less than 28px. The maximum width is not limited.

Fonts

Use the font of your service’s buttons or the system fonts of the mobile platform. It is important to maintain proportionality between the font size and the button height.

Color

Context

To improve conversion rates, supplement the button with additional security-related text placed underneath.

Prohibited Actions

Allowed Actions

Badges

After authentication via Freedom ID, a badge should appear next to or instead of the user's avatar, indicating that the login was completed with Freedom ID. In some cases, a label such as «Logged in with Freedom ID» can be used.