MixPay's colors purposefully to communicate how things function in the interface. This helps us create visual patterns that can make interacting with our product easier and more predictable for merchants.
#164AFF
rgb(22,74,255)
#1E1E22
rgb(22,74,255)
#004098
CMYK(100%,80%,0,0)
For printing materials
The ideal presentation of our logo is full color. This version works best on a white or light background. Use the full logo whenever possible.
Use the following logo when displaying our logo on dark backgrounds.
The MixPay mark should only be used in cases where a company icon or avatar is required (traditionally constrained to a perfect square or circle). In all other cases, use the logo.
The logo must always be surrounded by open space, free from any other element. The minimum spacing is equivalent to the width of the “M” in MixPay on all four sides.
After the user has chosen MixPay as a payment method, the following button should be used to view the MixPay invoice.
You should use this format regardless if the invoice displays as a modal or opens in a new tab.
Ensure the checkout button matches the width and height of your standard checkout button.
Use this button in your checkout experience
If you accept donations as a nonprofit organization, use this button in your checkout experience
Always maintain the minimum clear space of 8 dp on all sides of the payment button. Ensure the clear space is never broken with graphics or text.
Use this graphic to communicate that MixPay is an available payment option when showing other payment options in a similar manner.
Use this graphic as a secondary option to communicate that MixPay is an available payment option when displaying other payment methods.
Adjust the height to match the other brand identities displayed in your payment flow. Don't make the MixPay mark smaller than other brand identities.
Use this graphic to communicate that MixPay is an available payment option when showing other payment options in a similar manner.
It is preferred to display MixPay as a card alongside other payment method mark on a white or light background. The mark can also appear on a marketing layout that features a dark background.
Alternative ways to display MixPay alongside other payment method marks
You may use text to indicate MixPay as a payment option, and to promote MixPay in your marketing communication.
Always use an uppercase "M" and an uppercase "P" followed by lowercase letters. Don't capitalize the full name "MIXPAY" unless it's to match the typographic style on your website. Never use an uppercase "MIXPAY" in your marketing communication.
Always write out the words "MixPay."
Set "MixPay" in the same font and typographic style as the rest of the text on your website. Don't mimic MixPay's typographic style.
Always write "MixPay" in English. Don't translate it into another language.
MixPay 的颜色是有目的性的,以传达事物在界面中的功能。这有助于我们创造视觉模式,使商户与我们的产品互动更容易、更可预测。
#164AFF
rgb(22,74,255)
#1E1E22
rgb(22,74,255)
#004098
CMYK(100%,80%,0,0)
用于印刷材料
在用户选择 MixPay 作为支付方式后,应使用以下按钮,确保结账按钮与你的标准结账按钮的宽度和高度一致。
在你的结账体验中使用这个按钮。
如果你作为一个非营利组织接受捐赠,请在你的结账体验中使用这个按钮。
始终保持支付按钮各面的最小留白为8dp,确保留白的空间不被图形或文字所破坏。
在以类似的方式显示其他支付选项时,使用这个图形来传达 MixPay 是一个可用的支付选项。
调整高度以配合你的支付流程中显示的其他品牌标识,不要让 MixPay 的标志比其他品牌标识小。
在以类似的方式显示其他支付选项时,使用这个图形来传达 MixPay 是一个可用的支付选项。
最好是在白色或浅色背景上将 MixPay 作为卡片与其他支付方式的标记一起显示,该标记也可以出现在具有深色背景的营销布局上。
将 MixPay 与其他支付方式标记一起显示的其他方法
您可以使用文字来表明 MixPay 是一种支付方式,并在您的市场交流中推广 MixPay。
始终使用大写的 "M "和大写的 "P",后面是小写字母。不要将全名 "MIXPAY "大写,除非是为了配合您网站上的排版风格。不要在你的营销传播中使用大写的 "MIXPAY"。
始终写出 "MixPay "字样。
将 "MixPay "设置为与您网站上其他文字相同的字体和排版风格,不要模仿 MixPay 的排版风格。
总是用英语写 "MixPay",不要把它翻译成其他语言。