ποΈ Understand personalized button
Trusted Accounts provides several Verify with Trusted buttons you can use to let people set up an account, sign in and verify. If necessary, you can also create a custom button.
Make a Verify with Trusted button no smaller than other sign-in buttons, and avoid making people scroll to see the button.
Button stylesβ
Depending on the style or mode on which your content runs, choose the variant that fits the terminology of your verification, sign in, and sign up experience and use it consistently throughout your interfaces.
When you use the predefined button, you get a button thatβs guaranteed to use an Trusted-approved appearance and the user will recognize it faster.
Feel free to adjust the corner radius, height, width or font of the buttons to fit the other button on your platform. Make sure to use the right icons and colors.
The following button titles are available:
Three appearancesβ
Depending on the platform, Trusted Accounts suggests up to three options for the appearance of the Trusted button: white, white with an outline, and black. Choose the appearance that works best with the background on which the button displays.
Blueβ
Use the blue style on white, light-color or backgrounds that provide sufficient contrast.
Whiteβ
Use the white style on dark backgrounds that provide sufficient contrast.
White with outlineβ
Use the white with outline style on white or light-color backgrounds that donβt provide sufficient contrast with the white button fill. Avoid using this style on a dark or saturated background, because the blue outline can add visual clutter; instead, use the white style to contrast with a dark background.
Button size and corner radiusβ
Adjust the corner radius to match the appearance of other buttons in your app. Usually, the Trusted button has rounded corners.
Custom layoutsβ
If your interface requires it, you can create a custom Trusted button. You may want to align logos across multiple sign-in buttons, use buttons that display only a logo, or adjust the buttonβs font, bezel, or background appearance to coordinate with your UI.