# Payment Marks

CryptoCloud's branded marks are designed to clearly tell users that cryptocurrency payments are available on your website. The use of payment icons directly contributes to increasing the number of customers for whom cryptocurrency is the preferred method of payment.

<figure><img src="https://content.gitbook.com/content/0qmF7ZfuUysWkk3Ugz0i/blobs/Y2ENc1BvE6uPswmAzN8q/cover-icon.png" alt=""><figcaption></figcaption></figure>

### CryptoCloud accepted mark

Place the provided images to notify customers of CryptoCloud payment availability, especially when displaying a variety of payment methods. Do not change the provided graphics, and refrain from creating modified versions of the CryptoCloud logo.

#### Option 1

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FYaL7hiz3APDuR2gVXNFQ%2FCC-Group-Colour-Exm.png?alt=media&#x26;token=f753e864-23fb-446b-8987-e19d534f91e9" alt=""><figcaption><p>cc-group-colour</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FHHP8k7EBQhXEaof61IG0%2FCC-Group-White-Exm.png?alt=media&#x26;token=547a0445-9907-41f5-9691-9927d485f31e" alt=""><figcaption><p>cc-group-white</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2F2Z9wjCeHoUgxhCSn03zb%2FCC-Group-Black-Exm.png?alt=media&#x26;token=b8f03c70-d0f2-454c-9bb7-ee2ca8f5877f" alt=""><figcaption><p>cc-group-black</p></figcaption></figure></div>

You can upload the images manually by downloading them from the archive below or installing them using HTML code. The archive contains SVG and PNG files.

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2Fe164kxzcmB8E1KF6A8bb%2Fcc-group-colour.zip?alt=media&token=33476047-45b6-4618-96f5-c5af8c7d9aab>" %}

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FZjSXaAhWaFm96eECiY8L%2Fcc-group-white.zip?alt=media&token=11274558-b412-4f41-88c4-9127cd2bdb75>" %}

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2F6sSoXQCzQ1B2CsXNKsYL%2Fcc-group-black.zip?alt=media&token=b0f8e2c4-8084-47c8-a305-95f4efa195f9>" %}

Copy and paste the snippet below into your HTML code to add this image to your website. Example:

{% code title="HTML" overflow="wrap" fullWidth="false" %}

```html
<img src="https://cdn.cryptocloud.plus/brand/cc-group-colour.svg" alt="CryptoCloud Accepted" width="250px" />

<img src="https://cdn.cryptocloud.plus/brand/cc-group-white.png" alt="CryptoCloud Accepted" width="250px" />
```

{% endcode %}

You can manually change the file name in the link and the format (SVG, PNG) to select the appropriate option. You can also customize the width to match other elements on your page.

<details>

<summary>File names</summary>

* cc-group-colour — colored icon CryptoCloud&#x20;
* cc-group-white — white icon CryptoCloud&#x20;
* cc-group-black — dark gray icon CryptoCloud

</details>

#### Option 2

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FN1xfwcSWl8wsin1bBrkg%2FCC-PayWith-Colour-Exm.png?alt=media&#x26;token=8aaac8b3-5cfa-49a7-b231-a47f1424eff2" alt=""><figcaption><p>cc-paywith-colour</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FxoPNoMlDYiMW88ZqJKpb%2FCC-PayWith-White-Exm.png?alt=media&#x26;token=5e3a209d-30a2-456e-b17e-2b47b1741625" alt=""><figcaption><p>cc-paywith-white</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FE0qxGseBfeq4fbZd11dV%2FCC-PayWith-Black-Exm.png?alt=media&#x26;token=046ac5c4-070e-4273-9187-1a50ec3859a0" alt=""><figcaption><p>cc-paywith-black</p></figcaption></figure></div>

You can upload the images manually by downloading them from the archive below or installing them using HTML code. The archive contains SVG and PNG files.

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FJFFgbAkr3O04p8avvYQ8%2Fcc-paywith-colour.zip?alt=media&token=f80a8e7f-cdb3-42b9-a351-9c394381f2c5>" %}

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FvI5FuIsm0lzLu6UvEQDJ%2Fcc-paywith-white.zip?alt=media&token=efab3e9c-a665-4f1f-8a7a-c6df0a5fb524>" %}

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FCdPptIEFqYE2IYn2deiB%2Fcc-paywith-black.zip?alt=media&token=bfdc0c0c-c394-4438-9ea0-3706a183254d>" %}

Copy and paste the snippet below into your HTML code to add this image to your website. Example:

{% code title="HTML" overflow="wrap" %}

```html
<img src="https://cdn.cryptocloud.plus/brand/cc-paywith-colour.svg" alt="CryptoCloud Accepted" width="250px" />

<img src="https://cdn.cryptocloud.plus/brand/cc-paywith-white.png" alt="CryptoCloud Accepted" width="250px" />
```

{% endcode %}

<details>

<summary>File names</summary>

* cc-paywith-colour — colored icon Pay with CryptoCloud&#x20;
* cc-paywith-white — white icon Pay with CryptoCloud&#x20;
* cc-paywith-black — dark gray icon Pay with CryptoCloud

</details>

### Alternative CryptoCloud accepted marks

When listing available payment methods, use these images as an additional option to inform customers that they can use CryptoCloud to make payments.

#### Option 3

<div align="center" data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FyeOgZKwoPGHUgQ8pRB4b%2FCC-WeAccept-CardGroup-Exm.png?alt=media&#x26;token=c2e81325-297f-4de1-b31f-5a09607640b1" alt=""><figcaption><p>weaccept-cardgroup</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FBOSPM4ywUnZf5B3INXBQ%2FCC-Paywith-CardGroup-Exm.png?alt=media&#x26;token=15dac07e-d803-4730-abba-43b9cce3f420" alt=""><figcaption><p>paywith-cardgroup</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FAPt2V3a7PTX7oNvAm7Ug%2FCC-WeAccept-Buttons-Exm%20(1).png?alt=media&#x26;token=1b5bb17a-6ddb-4fd3-a24b-197d82e3dd55" alt=""><figcaption><p>cc-weaccept-buttons</p></figcaption></figure></div>

You can see all the sign options in different colors by downloading the archive below. The files are available in SVG and PNG formats.

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FSmthdnZ3iLcXxuEp2laP%2Fcc-weaccept-cardgroup.zip?alt=media&token=b2df797f-b469-466b-a3e2-6a0322783878>" %}

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2F48jLPOhViYJQHKYXLSyS%2Fcc-paywith-cardgroup.zip?alt=media&token=cb8df7dd-e63c-4737-bb6a-0a891cdde7ef>" %}

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FVAwE55vgZjmCJz59wNs5%2Fcc-weaccept-buttons.zip?alt=media&token=6fd65ebd-3571-4baf-a793-0964c3ad8bcd>" %}

Copy and paste the snippet below into your HTML code to add this image to your website. Example:

{% code title="HTML" overflow="wrap" %}

```html
<img src="https://cdn.cryptocloud.plus/brand/cc-weaccept-cardgroup-v1-colour.svg" alt="CryptoCloud Accepted" width="250px" />

<img src="https://cdn.cryptocloud.plus/brand/cc-weaccept-buttons-v2-black.png" alt="CryptoCloud Accepted" width="250px" />
```

{% endcode %}

<details>

<summary>File names</summary>

* cc-weaccept-cardgroup-v1-colour — colored icon We accept (V1)
* cc-weaccept-cardgroup-v1-white — white icon We accept (V1)
* cc-weaccept-cardgroup-v1-black — dark gray icon We accept (V1)
* cc-weaccept-cardgroup-v2-colour — colored icon We accept (V2)
* cc-weaccept-cardgroup-v2-white — white icon We accept (V2)
* cc-weaccept-cardgroup-v2-black — dark gray icon We accept (V2)
* cc-paywith-cardgroup-v1-colour — colored icon Pay With (V1)
* cc-paywith-cardgroup-v1-white — white icon Pay With (V1)
* cc-paywith-cardgroup-v1-black — dark gray icon Pay With (V1)
* cc-paywith-cardgroup-v2-colour — colored icon Pay With (V2)
* cc-paywith-cardgroup-v2-white — white icon Pay With (V2)
* cc-paywith-cardgroup-v2-black — dark gray icon Pay With (V2)
* cc-weaccept-buttons-v1-colour — colored icon We accept crypto (V1)
* cc-weaccept-buttons-v1-white — white icon We accept crypto (V1)
* cc-weaccept-buttons-v1-black — dark gray icon We accept crypto (V1)
* cc-weaccept-buttons-v2-colour — colored icon We accept crypto (V2)
* cc-weaccept-buttons-v2-white — white icon We accept crypto (V2)
* cc-weaccept-buttons-v2-black — dark gray icon We accept crypto (V2)

</details>

#### Option 4

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/0qmF7ZfuUysWkk3Ugz0i/blobs/38oQdjsI7sTDDBwKQ4yk/CC-Mark-Exm.png" alt="" width="300"><figcaption><p>cc-mark</p></figcaption></figure> <figure><img src="https://content.gitbook.com/content/0qmF7ZfuUysWkk3Ugz0i/blobs/GAT133ukprQCDW57L3qh/CC-Logo-Exm.png" alt="" width="300"><figcaption><p>cc-mark-logo</p></figcaption></figure> <figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FuqrJG4C7z86dT3UEIcqK%2FCC-Logo-Currencies-Exm%20(1).png?alt=media&#x26;token=4b943a73-a974-4b90-84b0-e5d6bdfb470c" alt="" width="300"><figcaption><p>cc-mark-currencies</p></figcaption></figure> <figure><img src="https://content.gitbook.com/content/0qmF7ZfuUysWkk3Ugz0i/blobs/iULzEzcRKkqwJQRAFrbD/CC-PayWith-Exm.png" alt="" width="300"><figcaption><p>cc-mark-paywith</p></figcaption></figure></div>

You can see all the sign options in different colors by downloading the archive below. The files are available in SVG and PNG formats.

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2Fd7MswFYhsx25IN8gY9fn%2Fcc-mark.zip?alt=media&token=b95e1eda-7bb0-43a8-8a56-e378def5f6fa>" %}

Copy and paste the snippet below into your HTML code to add this image to your website. Example:

{% code title="HTML" overflow="wrap" %}

```html
<img src="https://cdn.cryptocloud.plus/brand/cc-mark-white.svg" alt="CryptoCloud Accepted" width="250px" />

<img src="https://cdn.cryptocloud.plus/brand/cc-mark-currencies-colour.png" alt="CryptoCloud Accepted" width="250px" />
```

{% endcode %}

<details>

<summary>File names</summary>

* cc-mark-colour — colored icon without text
* cc-mark-white — white icon without text
* cc-mark-black — dark gray icon without text
* cc-mark-currencies-colour — colored icon with text
* cc-mark-currencies-white — white icon with text
* cc-mark-currencies-black — dark gray icon with text
* cc-mark-logo-colour — colored icon with currencies
* cc-mark-logo-white — white icon with currencies
* cc-mark-logo-black — dark gray icon with currencies
* cc-mark-paywith-colour — colored icon Pay with
* cc-mark-paywith-white — white icon Pay with
* cc-mark-paywith-black — dark gray icon Pay with

</details>

### Third-party payment method marks

You can also use marks of third-party payment methods available on your platform.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2F1IbPfhk5IqoRPTlLH9Mb%2FPayments%20(1).png?alt=media&#x26;token=0a2ca271-55a3-4fe8-9354-1b074099f2bb" alt=""><figcaption></figcaption></figure></div>

You can upload the images manually by downloading them from the archive below or installing them using HTML code. The archive contains SVG and PNG files.

{% file src="<https://content.gitbook.com/content/0qmF7ZfuUysWkk3Ugz0i/blobs/8KOiCdVmI79YOL8GxkAE/payment-methods-logo.zip>" %}

{% file src="<https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FxVzZHCWpCCL9EVvq0XL2%2Fcrypto-logo.zip?alt=media&token=242a8479-6b4b-4abd-82b7-c5638444436e>" %}

Copy and paste the snippet below into your HTML code to add this image to your website. Example:

{% code title="HTML" overflow="wrap" fullWidth="true" %}

```html
<img src="https://cdn.cryptocloud.plus/brand/stripe.svg" alt="CryptoCloud Accepted" width="250px" />

<img src="https://cdn.cryptocloud.plus/brand/usdt.png" alt="CryptoCloud Accepted" width="250px" />
```

{% endcode %}

<details>

<summary>File names</summary>

* amazon — Amazon
* apple-pay — Apple Pay
* discover — Discover
* google-pay — Google Pay
* maestro — Maestro
* mastercard —Mastercard
* payoneer — Payoneer
* paypal — Paypal
* sepa — Sepa
* shop-pay — Shop Pay
* skrill — Skrill
* stripe — Stripe
* venmo — Venmo
* visa— Visa
* btc — Bitcoin
* eth — Ethereum
* ltc — Litecoin
* tusd — True USD
* usdc — USD Coin
* usdt — USDT Tether

</details>

### Examples of use

#### Website footer

CryptoCloud branded icons can be placed in the website footer, providing visitors with a constant visual reminder of cryptocurrency payment options. This unobtrusive sign, placed alongside other payment symbols, builds trust and expands customers' choice of payment solutions.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2F2MzEz7eoQ2LtF5Uv1hsA%2FCryptoCloud-Footer%20(1).png?alt=media&#x26;token=be5b187a-4ec8-4ebd-9da9-d82bbcf3ec8d" alt=""><figcaption></figcaption></figure></div>

Alternative ways to display CryptoCloud next to the other payment methods icons.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FXrJGsYjCLurL4kQNGHpU%2FCryptoCloud-Footer-Variants%20(1).png?alt=media&#x26;token=e39ddff2-332a-4ae3-aca6-ce5362433a5d" alt=""><figcaption></figcaption></figure></div>

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2F6BLhVsBASi6YVs12tKLV%2FFooter-Exm2%20(1).png?alt=media&#x26;token=b1824c4d-5f60-4d42-bd74-fe91e2da82b7" alt=""><figcaption></figcaption></figure></div>

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2FXVfgzDqWFpEzd2NYVz20%2FFooter-Exm4%20(1).png?alt=media&#x26;token=2cbdf4a7-68ce-46f8-ae08-35f7bc08e2d0" alt=""><figcaption></figcaption></figure></div>

#### Product page

On the product page, the CryptoCloud icon can be placed near the price or the «Add to Cart» button, indicating an additional payment method. This notifies shoppers of the option to use cryptocurrency for payment before they even begin the checkout process.

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/0qmF7ZfuUysWkk3Ugz0i/blobs/totGXUJWun31zlqv0qza/Product-Page-Exm.png" alt=""><figcaption></figcaption></figure></div>

#### Checkout

In the payment form, the CryptoCloud icon can be included in the list of available payment methods, making it easier for the user to choose their preferred one. The icon should be prominent enough for the user to find it quickly but should not dominate other payment methods.

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/0qmF7ZfuUysWkk3Ugz0i/blobs/JsLMa1VdYDTdigkicw0Z/Checkout-1-Exm%20(1).png" alt=""><figcaption></figcaption></figure></div>

Use the options that fit your platform's interface the best.

<div data-full-width="true"><figure><img src="https://1876679693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0qmF7ZfuUysWkk3Ugz0i%2Fuploads%2Fw3XUzFv2eibrZX8OfbrU%2FCheckout-2-Exm%20(1).png?alt=media&#x26;token=21fba0fc-0cbb-4c04-816b-5e24ec46fe79" alt=""><figcaption></figcaption></figure></div>

### Use principles:

* Marks should be used in their original form with no changes in design, color palette or proportions.
* Do not create your own versions of the icons or customize them to fit the individual design of your website.
* CryptoCloud's branded payment icon should not be used as an interactive button. Instead, [payment buttons](https://brand.cryptocloud.plus/en/brand-elements/payment-buttons) should be used to activate a payment method.
* When placed next to other payment method icons, consistency in size and style should be maintained.

### Placement recommendations:

* Marks should be clearly visible and easily recognizable against the background of the page.
* Place the CryptoCloud payment icon alongside other payment systems so that users can easily find their preferred payment method.
* Ensure that icon matches the overall design and aesthetics of your website, maintaining a high level of professionalism and trust.
