Brand

Notes for discussion about visual identity associated with Web payments.

See:

• Brand Analysis

Questions? Contact Ian Jacobs ij@w3.org.

Goal

• Create a trusted visual identity for the Payment Request API user experience.
  • Examples: RSS logo, HTML5 logo

Non-goals

• Create a full-on "payments brand". We are focused instead on creating a recognized mark for a feature of the Web.

Challenges

• Merchant sites look different. Does this, for example, mean we should avoid strong color choices?
• The user experience on each platform (Google, Samsung, Microsoft, Mozilla, Opera, etc.) will look slightly different. Contrast this with strongly and consistently branded proprietary payment experiences.

Brand themes

• Efficiency / Speed
• Simplicity / Convenience
• Payment / Money
• Security / Trust

Requirements

• Flexible enough to work with a wide range of merchant site styles
• Flexible enough to work with different platform branding
• Identity should work on a checkout page where it is the only "buy" button, as well as on a checkout page with more than one brand.
• Needs to scale well to small sizes.
• A version should stand alone without words
• Global: not specific to any currency or payment method.

Deliverables

• Visual identity (to signify payment using the standard)

Second round deliverables

• Landing page
• Design guidelines
• Ready-made assets for common use cases (code, buttons)

Color notes

• Do we want to choose a standard color but promote changes to colors for easier integration into merchant sites?
• Black and white version

Format notes

• PNG, SVG, and EPS.

Other Notes

• Start by experimenting with visual identity alone. Determine later depth of usage guidance.
• Apparently there is a universal currency symbol
• Ian's previous blog post Idea for a Web Payments Visual Identity

FAQ

The following FAQ questions are derived from the HTML5 logo FAQ

What does the logo represent?

This logo communicates to the user that a particular user action (such as clicking on a button) will invoke a streamlined payment experience facilitated by the browser.

How is this work licensed?

@TBD

The license says I need to attribute my usage or derivative work. Who do I attribute this to?

This work is attributed to the W3C. Suggested markup: HTML5 Logo by W3C.

Can I put this logo on stickers, t-shirts, etc?

Yes, please, we encourage creative uses of the logo! Be creative, have fun, and show your support. (See the earlier question on how the logo is licensed.)

What are the original colors?

@@TBD

Can I change the colors and size of the logo?

Yes. (See the earlier question on how the logo is licensed.)

I have a question, who can I contact?

Please send comments to site-comments@w3.org