You can increase the size of the margins (left and right) to adjust for your implementation.ĭon't reduce the minimum size of the padding.ĭon't change the aspect ratio of the elements.ĭon't change the alignment and the position of the elements within the button.ĭon't stretch any of the elements on the button. Doing so could give the impression that your app is outdated or untrustworthy. If you're using a white button, use the colored version of the PayPal icon.ĭon't use any other icon, an outdated version, or a custom variation. If you're using a colored button, use the white version. Use the version of the PayPal icon that matches the color on your button. The PayPal icon is available in various sizes for button scaling, but the proportions and typography style must stay consistent with the ones described on the original button. Use the correct PayPal icon from PayPal Logo and Marks. A rectangle-shaped button is also available. You can use any button shape that works for your app or site, but we recommend the pill-shaped button because its strong association with PayPal will lead to faster recognition by users. If needed, you can scale the size upwards, but you should always try to balance the proportion of all of the elements. These are the minimum sizes you can use for padding and margins. Keep in mind that larger buttons tend to lead to higher conversion rates. For example, for mobile apps, always use the button close to the thumb position and be sure it's big enough to be tapped. Size and shapeĭepending on the devices and context of the user action, always use an appropriate size for your button. If you decide to use other colors that are more appropriate for your website or app, always choose a combination of colors that fit within accessibility parameters.įor best results always put the button over white or light backgrounds. To ensure good contrast and legibility, use white font color on dark backgrounds and black font color on light backgrounds. We recommend button background colors of gray #EEEEEE and the PayPal accessible blue #0070BA.
The smallest size we recommend is 13 pt and Sans-serif typography. You can choose the font, font weight, and kerning that fits the style of your website or app.
Depending on the context of your website, Log in or Continue might also be good choices. We recommend these labels because they most accurately reflect the purpose of the button. When you use Log in with PayPal to enable account creation and log in, use either the label Log in with PayPal or Continue with PayPal. When creating custom Log in with PayPal buttons, abide by the following design guidelines: The following are PayPal's branded Log in with PayPal buttons: However, you may want to create your own custom Log in with PayPal buttons to better fit the design of your website or app. The branded Log in with PayPal buttons use the Identity API and offer built-in properties that ensure a consistent design experience. Identity / Customize / Button Design Guide Button design guideĭocs current Last updated: October 12th 2021, 8:58:00 pm
0 kommentar(er)
