

Ensure theĬlear space is never broken with graphics or text.Įxamples If you place a Google Pay button next to another button, make sure the Google Clear spaceĪlways maintain the minimum clear space of 8 dp on all sides of the payment button. Important: Use of the "Donate with Google Pay" asset requiresĪdditional Non-Profit Organization validation during onboarding. Use the following tool to preview the appearance of each button:

To provide contrast, use dark buttons on light backgroundsĪnd light buttons on dark or colorful backgrounds. Don't create buttons with your own localized text. The Google Pay brand name must notīe translated. The "Donate", "Pay", "Subscribe", "Book", "Checkout", "Order", and "View" buttons automaticallyĭisplay in the supported language that matches the viewer's browser settings.Īll Google Pay payment buttons exist in two styles: dark and light. Language that matches the viewer's browser settings. The "Buy with Google Pay" option displays a translated button in a supported The card information option displays the card's brand network and the card's If this convenience method or the supported languages don't suit your needs,

The button color must contrast with the background color of the area that surrounds it.

The button size with the buttonSizeMode option of the createButton
