# Brand assets

> Logos and button artwork for the Ozow payment methods, and the rules for using them.

Source: https://hub.ozow.com/payment-products/brand-assets/

Ready-made artwork for your own checkout: a logo and a button for each of the bank API payment
methods, and a "Pay via Ozow" row for a checkout that offers Ozow alongside other providers.

The full pack also holds the Ozow logo, the brand guidelines and the payment flow diagrams.

**[Download the full marketing pack](https://qrcodes.pro/OzowMarketingPack)**

## When you need these

You need the artwork if you want to:

- **Build [standalone payment buttons](https://hub.ozow.com/integration-methods/apis/payin.md#standalone-payment-buttons)**:
  your own "Pay with Capitec" or "Pay with card" buttons that send customers straight to that method
- **Show which payment methods you accept**: on your homepage, product pages, footer or checkout, so
  customers know how they'll be able to pay before they get there

## Bank API button artwork

Absa Pay, Capitec Pay and Nedbank Direct EFT come with finished artwork, so you can put a button
behind one of them without drawing anything yourself. Each comes as the payment method logo on its
own, a full-width row, and a compact button.

| Payment method | Logo | Full-width row | Compact button |
|---|---|---|---|
| Absa Pay | [SVG](https://hub.ozow.com/brand/payment-methods/absa-pay-logo.svg), [PNG 380x160](https://hub.ozow.com/brand/payment-methods/absa-pay-logo.png) | [PNG, 1324x128](https://hub.ozow.com/brand/payment-methods/absa-pay-row-horizontal.png) | [PNG, 348x192](https://hub.ozow.com/brand/payment-methods/absa-pay-button-vertical.png) |
| Capitec Pay | [SVG](https://hub.ozow.com/brand/payment-methods/capitec-pay-logo.svg), [PNG 1054x496](https://hub.ozow.com/brand/payment-methods/capitec-pay-logo.png) | [PNG, 1324x128](https://hub.ozow.com/brand/payment-methods/capitec-pay-row-horizontal.png) | [PNG, 348x212](https://hub.ozow.com/brand/payment-methods/capitec-pay-button-vertical.png) |
| Nedbank Direct EFT | [PNG, 44x43](https://hub.ozow.com/brand/payment-methods/nedbank-direct-eft-logo.png) | [PNG, 1324x128](https://hub.ozow.com/brand/payment-methods/nedbank-direct-eft-row-horizontal.png) | [PNG, 348x198](https://hub.ozow.com/brand/payment-methods/nedbank-direct-eft-button-vertical.png) |

**Take the SVG where there is one.** It stays sharp at any size, which the rows and buttons do not:
those are supplied as raster at twice their intended size, so a 1324x128 row is meant to sit in a
662px space and will soften if you stretch it further. There is no SVG of the Nedbank Direct EFT
mark, so scale that one down rather than up.

The identifier to send when a customer picks one of these is in
[Payment method identifiers](https://hub.ozow.com/integration-methods/apis/payin/payment-method-ids.md).

### The three shapes

The **logo** is the payment method mark on its own, with no Ozow branding, on a transparent
background. Use it where "Powered by Ozow" already appears nearby, such as a list of accepted
methods under a heading that names Ozow. It is shown here on white, because that is the
background it is drawn for; a transparent mark takes whatever is behind it.

![The Absa Pay logo, a red roundel beside the word Pay](https://hub.ozow.com/assets/brand/payment-methods/absa-pay-logo.svg)

The **full-width row** carries the logo, the words "Powered by" and the Ozow logo on a white card,
with an empty selection circle on the left. It fits a payment method list where the customer picks
one of several.

![A full-width Absa Pay row with a selection circle on the left and Powered by Ozow on the right](https://hub.ozow.com/assets/brand/payment-methods/absa-pay-row-horizontal.png)

The **compact button** stacks the same elements into a bordered block, for a checkout that shows
each payment method as its own button rather than as a row.

![A compact Absa Pay button with Powered by Ozow beneath the logo](https://hub.ozow.com/assets/brand/payment-methods/absa-pay-button-vertical.png)

The row and the button are both drawn as white cards, for a light checkout. On a dark background,
use the logo and set the rest of the button in your own colours, following the requirements below.

> ℹ️ The Nedbank Direct EFT artwork carries the Nedbank mark without the words "Direct EFT". Label
> the button yourself if your customers need to tell it apart from another Nedbank method.

## "Pay via Ozow" rows

Where Ozow is one option among several in your checkout, next to a card form or another provider,
use a combined row instead of a button per method. It names Ozow once and shows the methods behind
it, so a customer picking it knows what they will be offered next.

Pick the row matching the methods enabled on your account. Showing a method you don't have gets a
customer to a screen where they can't use it.

| Methods shown | Size | File |
|---|---|---|
| Pay by bank | 1324x160 | [PNG](https://hub.ozow.com/brand/payment-methods/pay-via-ozow-bank.png) |
| Card, Pay by bank | 1324x160 | [PNG](https://hub.ozow.com/brand/payment-methods/pay-via-ozow-card-bank.png) |
| Card, PayShap, Pay by bank | 1324x160 | [PNG](https://hub.ozow.com/brand/payment-methods/pay-via-ozow-card-payshap-bank.png) |
| Card, PayShap, Pay by bank, Voucher | 1324x160 | [PNG](https://hub.ozow.com/brand/payment-methods/pay-via-ozow-card-payshap-bank-voucher.png) |
| Card, PayShap, Capitec Pay, Pay by bank, Voucher | 1324x160 | [PNG](https://hub.ozow.com/brand/payment-methods/pay-via-ozow-card-payshap-capitec-bank-voucher.png) |
| Icons only, no method names | 535x160 | [PNG](https://hub.ozow.com/brand/payment-methods/pay-via-ozow-icons.png) |

Each carries "Pay via Ozow", the Ozow logo, a selection circle and a labelled badge per method:

![A Pay via Ozow row with labelled badges for card, PayShap, Pay by bank and voucher](https://hub.ozow.com/assets/brand/payment-methods/pay-via-ozow-card-payshap-bank-voucher.png)

The icons-only row drops the method names for a narrow checkout. Use it where the row would
otherwise wrap, and only where the icons are recognisable at your size.

![A narrow Pay via Ozow row showing method icons without names](https://hub.ozow.com/assets/brand/payment-methods/pay-via-ozow-icons.png)

> ℹ️ These are for a payment method list, not a standalone button. Send no `institutionId` behind
> one and the customer chooses on the Ozow payment page, which is what the row promises them.

## Building your own standalone button

The supplied artwork already meets every requirement below. Build your own only where none of the
three shapes fits your checkout.

Your design must include:

1. **The payment method logo**, used as supplied.
2. **The words "Powered by"**.
3. **The Ozow logo**.
4. **The logo version that suits your background colour.**

Contact your Ozow account manager for the logo files if you need them outside the supplied artwork.

## Using them

- Use the official logo for each payment method.
- Don't recolour, stretch, rotate or add effects to the artwork.
- Keep the payment method logo, "Powered by" and the Ozow logo together. Removing one of the three
  leaves a button you can't ship.
- Keep enough clear space around each logo that it reads cleanly at your button size.
- Only show payment methods that are actually enabled on your account. A button for a method you
  don't have will fail at checkout.

> ⚠️ **Apple Pay and Google Pay follow Apple's and Google's brand guidelines**: Ozow's rules above
> don't apply to those two buttons. If you're rendering them with the [Embedded
> Wallet](https://hub.ozow.com/integration-methods/apis/payin/embedded-wallet.md), follow Apple's and Google's
> published requirements for button styling, sizing and placement. Ozow can't grant an exception to
> them.