Visual guidelines

Logo & Mark

The Confirmo logo and mark are the brand’s instantly recognizable symbols. That is why it is important to use them exactly as specified in this guideline.

Logo

Use the black-on-transparent logo on a white or light background.

Confirmo logo – Full Color Version
Confirmo logo – black on transparent

Use the white-on-black logo on a black or dark background.

Confirmo logo – White Color Version
Confirmo logo – white on black

Clear space

The area around the logo must be kept free of all other graphical and visual elements. The minimum spacing is equivalent to the height of the initial “C” in “Confirmo”, on all four sides.

Mark

The Confirmo mark should only be used as an icon or avatar. Use the logo above in all other cases.

Confirmo mark
Confirmo mark
Brand Colors

Confirmo colors purposefully communicate how things function in the interface.

This helps create visual patterns which simplify and streamline the user experience.

Color codes and uses
Black – #000000 – RGB 0 0 0
Text & headlines, icons
Violet – #8100FF – RGB 129 0 255
Background effect, accents, links
Yellow – #FFD600 – RGB 255 214 0
Background effect, accents
Light Grey – #F4F4F4 – RGB 244 244 244
Background
White #FFFFFF – RGB 255 255 255
Tiles
Additional notes

Do:

  • Use only the artwork provided by Confirmo.
  • Use the Confirmo logo when other payment identities are also displayed in a similar format.
  • Download the high-resolution images and vectors at the end of this page instead of right-clicking and saving them from this section.

Do not:

  • Alter the artwork in any way.
  • Add messages to the mark.
  • Add visual effects such as shadows, glows, or reflections.
Embeddable Buttons

When using Confirmo as a payment method, the buttons below can be used by the visitors of your site to generate invoices for crypto payments. Create them and set their behavior in Payment Tools.

Checkout Button

Ensure this checkout button matches the dimensions of your standard checkout button. Adjust it to fit your website by customizing the provided HTML when embedding.

<input type=”image” src=”https://confirmo.s3.eu-west-1.amazonaws.com/confirmo-pay-btn-currencies.svg” alt=”Pay with Confirmo” width=”250px” />

You can also use these alternative, transparent variants. Download them here, including variants with white backgrounds.

Donation Button

Ensure this checkout button matches the dimensions of your standard checkout button. Adjust it to fit your website by customizing the provided HTML when embedding.

<input type=”image” src=”https://confirmo.s3.eu-west-1.amazonaws.com/confirmo-donate-btn-currencies.svg” alt=”Donate with Confirmo” width=”250px” />

Confirmo logo black on transparent (PNG)Confirmo logo black on transparent (SVG)
Confirmo logo white (PNG)Confirmo logo white on transparent (SVG)
Confirmo logo white on black (PNG)Confirmo icon (PNG)
Payment button white on black (SVG)Payment button black on white (SVG)
Donation button (SVG)Confirmo background 1 (SVG)
Confirmo background 2 (SVG)
Download all