To ensure a consistent and professional representation of our brand across all platforms and integrations, we have established a set of brand usage guidelines.
You can find the full version of Bancontact Payconiq's Brand Guidelines here.
This section further outlines the proper usage of our brand assets when incorporating our API into your applications, marketing materials, or digital products.
Following these guidelines helps maintain brand integrity and ensures a cohesive user experience for all stakeholders. Please review and adhere to these standards when referencing or displaying our brand in connection with your integration.
The Bancontact Payconiq QR code is branded with our mark. The branding gives trust and makes it easy for our users to see where they can pay with Bancontact Payconiq.
The Bancontact Payconiq QR code can be rendered in a web view container for quick scanning. A link is returned anytime a payment is created and can be easily rendered in a web view. This url makes use of Bancontact Payconiq’s QR code generation service. By default, the Bancontact Payconiq QR code is returned as a PNG with a small (S) size.
Our QR codes come in two flavours:
- Magenta and White
- Black and White
Magenta and White | Black and White |
---|---|
![]() | ![]() |
Bancontact Payconiq recommends the following Bancontact Payconiq QR Code sizes and scanning distances when displaying the Bancontact Payconiq QR Code.
Recommend Size | Pixels | Scanning Distance |
---|---|---|
Small (S) | 180x180 pixels | 15 cm |
Medium (M) | 250x250 pixels | 20 cm |
Large (L) | 400x400 pixels | 30 cm |
Extra Large (XL) | 800x800 pixels | 40 cm |
Bancontact Payconiq provides a branding frame consisting of a magenta border and a Bancontact Payconiq logo. When presented on a consumer-facing screen, the Bancontact Payconiq QR code should be embedded in this frame.
The image below showcases a Bancontact Payconiq fram without an overlaid QR code.
When overlaying a QR code, please respect a 10% border around all sides of the QR code, like shown in the image below.
In the table below, you will find links to all the available frame formats and sizes.
Frame Size | Format |
---|---|
Frame - Small | PNG |
Frame - Medium | PNG |
Frame - Large | PNG |
Frame - Extra Large | PNG |
Frame - Small | SVG |
Frame - Medium | SVG |
Frame - Large | SVG |
Frame - Extra Large | SVG |
There are two ways to display a Bancontact Payconiq payment button on a payment/check-out page for an online payment.
Whenever possible, we recommend to embed the complete logo as shown in the image below.
Please note that the minimum recommended size for the full logo is:
- Minimum height: 20 pixels (40 retina pixels)
- Minimum width: 120 pixels (242 retina pixels)
- Minimum height: 4 mm
In the table below, you will find the full Bancontact Payconiq logo in three different sizes
Description | Image Format |
---|---|
Full Logo Extra Large 363 x 60 pixels | PNG |
Full Logo Large 242 x 40 pixels | PNG |
Full Logo Medium 182 x 30 pixels | PNG |
Full Logo Small Minimum Size 120 x 20 pixels | PNG |
The full logo is also avaiable as an SVG here.
If you have limited space available for the payment button and are unable to display the full logo, you can fall back to only displaying the Bancontact Payconiq mark.
However, if this option is used, please make sure to add the word 'Payconiq' next to it then.
Please note that the minimum recommended size for the full logo is:
- Minimum height: 14 pixels (40 retina pixels)
- Minimum width: 31 pixels (242 retina pixels)
- Minimum height: 3 mm
Description | Image Format |
---|---|
Mark Extra Large 93 x 42 pixels | PNG |
Mark Large 62 x 28 pixels | PNG |
Mark Medium 47 x 21 pixels | PNG |
Mark Smal Minimum Size 31 x 14 pixels | PNG |
The SVG Mark can be downloded here.
For pages with dark backgrounds, you can request our white logo via devsupport@payconiq.be
If the resolution is lower than the screen resolution please always use the SVG instead of the PNG to keep a sharp image.
In case any of these sizes above are not compatible with your setup please get in touch via devsupport@payconiq.be for further assistance.