Style Guide - TWINT Extension for QR Payment Slips

This article explains how to use TWINT banners on QR payment slips. It covers available banner variants, layout rules, and how to integrate them into printed or PDF payment slips.

Overview

We recommend adding a TWINT banner to your QR payment slips. This reminds supporters that they can also scan the QR payment slip with the TWINT app.

You can download the TWINT banner files here:
https://assets.raisenow.io/support/TWINT-extension-assets.zip

Key points

• TWINT banners help supporters recognise the TWINT payment option
• The banner files must not be edited or resized
• TWINT layout requirements are mandatory
• Incorrect use may lead to the QR code being blocked
• EPS files are recommended for professional print production

Banner options

The TWINT assets include two variants.

TWINT banner with standard text

Use this version if you want to include the predefined TWINT information text.

TWINT tab with custom text

Use this version if you want to add your own information text next to the TWINT tab.

Design rules

To ensure readability and compliance with TWINT requirements, do not modify the provided banner files.

Do not change the banner files

The files must not be stretched or shrunk.

Please don’t cut off the text, and don’t separate it from the TWINT logo.

Please don’t use any transparency or layer effects.

The TWINT part must not be adjusted in color.

The TWINT part of the tab must not be changed. The text next to it can be personalised. Color adjustments are also allowed.

How to integrate the banner

Use the banner on printed QR payment slips

If the payment slip and receipt are part of one printed QR payment slip:

1. Make sure the paper is perforated correctly.
2. Place the TWINT banner directly above the upper perforation line.
3. Perforate the paper along the dotted line.

Use the banner in PDF QR payment slips

If the QR payment slip is sent electronically as a PDF:

1. Add a line with a scissors symbol between the payment slip and receipt.
2. Place the TWINT banner directly above the payment slip and receipt.