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.
For information on integrating Revolut Pay into your website or app, see the Accept payments with Revolut Pay tutorial.
Revolut provides a variety of button types to suit your payment experience, choose from the available variants.
The button is rendered by Revolut's web SDK via an inline frame (iframe), you don't need to create it for yourself. These guidelines are intended to help you decide which options to choose when configuring the Revolut Pay button.
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.
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.
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.
Use the following brand mark to display Revolut Pay as an available payment option.
If you list Revolut Pay and other payment options separately, use the following marks to indicate the available payment schemes within Revolut Pay.
When showing payment schemes available inside Revolut Pay, you must use: Revolut, Mastercard and Visa marks.
You can resize the brand mark to match other payment option logos, however the aspect ratio should remain fixed. Minimum margin space should be at least 1/8 of the mark height.
Messaging on your website or app that mentions Revolut Pay should be formatted accordingly.