Revolut Pay button guidelines

This article provides guidance on how to present the Revolut Pay button on your website or app, and suggestions on how to communicate the availability of Revolut Pay as a payment option using the brand mark. Adhering to the guidelines should maximise conversions and ensure a positive experience for your users.

Buttons​

Revolut provides a variety of button types to suit your payment experience, choose from the available variants.

Colour​

Revolut provides three colour options for buttons - black, white and white with a border. Use the colour that provides sufficient contrast with the background. For lighter backgrounds the black version works best, for darker backgrounds the white version is preferred. If unsure, use the white button with a border.

• Do

• Use the black button on light backgrounds to maximise contrast.

• Don't

• Don't use the black button on dark backgrounds.

• Do

• Use the plain white button on dark backgrounds to maximise contrast.

• Don't

• Don't use the white button on light backgrounds.

• Do

• Use the white button with a border on light backgrounds.

• Don't

• Don't use the white button with a border on dark backgrounds, instead use the plain white button.

• Do

• If you're unsure about which button to use, the white button with a border is safest and should always be visible due to the border.

Size and position​

The Revolut Pay button should be equal in size to other payment option buttons, and should generally be highly visible on your payment screen.

The visual style of the button including corner radius should match other payment option buttons.

Brand mark​

Use the Revolut Pay brand mark on your website or app to show that Revolut Pay is available as a payment option. This should be displayed next to logos of any other payment options you offer.

Revolut Pay as a payment option​

Use the following brand mark to display Revolut Pay as an available payment option.

• Do

• Use the mark on your website or app to indicate Revolut Pay as a payment option.
• Use only the image provided by Revolut
• Display the mark next to other available payment option logos.

• Don't

• Don't change the mark provided or create your own.
• Don't translate the word "Pay".

Revolut Pay payment schemes​

If you list Revolut Pay and other payment options separately, use the following marks to indicate the available payment schemes within Revolut Pay.

Text guidelines​

Messaging on your website or app that mentions Revolut Pay should be formatted accordingly.