> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zenobank.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Brand Assets

> Official Zeno Bank logos and brand resources for partners and integrators.

## Wordmark

<Columns cols={2}>
  <a href="https://cryptologos.zenobank.io/library/zenobank-text-light.png" target="_blank">
    <div style={{ background: '#fff', padding: '2rem', borderRadius: '8px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', border: '1px solid #e5e5e5', cursor: 'pointer', gap: '0.75rem' }}>
      <img src="https://cryptologos.zenobank.io/library/zenobank-text-light.png" alt="Zeno wordmark black" style={{ maxHeight: '60px' }} />

      <span style={{ fontSize: '0.75rem', color: '#767676' }}>Black wordmark</span>
    </div>
  </a>

  <a href="https://cryptologos.zenobank.io/library/zenobank-text-dark.png" target="_blank">
    <div style={{ background: '#000', padding: '2rem', borderRadius: '8px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', cursor: 'pointer', gap: '0.75rem' }}>
      <img src="https://cryptologos.zenobank.io/library/zenobank-text-dark.png" alt="Zeno wordmark white" style={{ maxHeight: '60px' }} />

      <span style={{ fontSize: '0.75rem', color: '#999' }}>White wordmark</span>
    </div>
  </a>
</Columns>

| Format | Light background                                                                                                      | Dark background                                                                                                     |
| ------ | --------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| PNG    | <a href="https://cryptologos.zenobank.io/library/zenobank-text-light.png" target="_blank">zenobank-text-light.png</a> | <a href="https://cryptologos.zenobank.io/library/zenobank-text-dark.png" target="_blank">zenobank-text-dark.png</a> |

## Icon

<Columns cols={2}>
  <a href="https://cryptologos.zenobank.io/library/zenobank-icon-light.png" target="_blank">
    <div style={{ background: '#fff', padding: '2rem', borderRadius: '8px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', border: '1px solid #e5e5e5', cursor: 'pointer', gap: '0.75rem' }}>
      <img src="https://cryptologos.zenobank.io/library/zenobank-icon-light.png" alt="Zeno icon light background" style={{ maxHeight: '120px', borderRadius: '8px' }} />

      <span style={{ fontSize: '0.75rem', color: '#767676' }}>Light background</span>
    </div>
  </a>

  <a href="https://cryptologos.zenobank.io/library/zenobank-icon-dark.png" target="_blank">
    <div style={{ background: '#000', padding: '2rem', borderRadius: '8px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', cursor: 'pointer', gap: '0.75rem' }}>
      <img src="https://cryptologos.zenobank.io/library/zenobank-icon-dark.png" alt="Zeno icon dark background" style={{ maxHeight: '120px', borderRadius: '8px' }} />

      <span style={{ fontSize: '0.75rem', color: '#999' }}>Dark background</span>
    </div>
  </a>
</Columns>

| Format | Light background                                                                                                      | Dark background                                                                                                     |
| ------ | --------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| PNG    | <a href="https://cryptologos.zenobank.io/library/zenobank-icon-light.png" target="_blank">zenobank-icon-light.png</a> | <a href="https://cryptologos.zenobank.io/library/zenobank-icon-dark.png" target="_blank">zenobank-icon-dark.png</a> |

## Typeface

<Columns cols={2}>
  <a href="/images/brand/typeface-black.svg" target="_blank">
    <div style={{ background: '#fff', padding: '2rem', borderRadius: '8px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', border: '1px solid #e5e5e5', cursor: 'pointer', gap: '0.75rem' }}>
      <img src="https://mintcdn.com/zenobank/wdiZLpQFHB21F3Oe/images/brand/typeface-black.png?fit=max&auto=format&n=wdiZLpQFHB21F3Oe&q=85&s=bdbb3247666a9c7d6adc9d0f8e36d60b" alt="Zeno typeface black" style={{ maxHeight: '50px' }} width="1627" height="426" data-path="images/brand/typeface-black.png" />

      <span style={{ fontSize: '0.75rem', color: '#767676' }}>Black typeface (SVG)</span>
    </div>
  </a>

  <a href="/images/brand/typeface-white.svg" target="_blank">
    <div style={{ background: '#000', padding: '2rem', borderRadius: '8px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', cursor: 'pointer', gap: '0.75rem' }}>
      <img src="https://mintcdn.com/zenobank/wdiZLpQFHB21F3Oe/images/brand/typeface-white.png?fit=max&auto=format&n=wdiZLpQFHB21F3Oe&q=85&s=e1ab4d22acf40f568f9a891a3ea6f58f" alt="Zeno typeface white" style={{ maxHeight: '50px' }} width="1627" height="426" data-path="images/brand/typeface-white.png" />

      <span style={{ fontSize: '0.75rem', color: '#999' }}>White typeface (SVG)</span>
    </div>
  </a>
</Columns>

| Format | Light background                                                           | Dark background                                                            |
| ------ | -------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
| SVG    | <a href="/images/brand/typeface-black.svg" download>typeface-black.svg</a> | <a href="/images/brand/typeface-white.svg" download>typeface-white.svg</a> |
| PNG    | <a href="/images/brand/typeface-black.png" download>typeface-black.png</a> | <a href="/images/brand/typeface-white.png" download>typeface-white.png</a> |

## Checkout Logos

If you are integrating via the API, you can use these logos to display Zeno as a payment method at checkout.

<div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '1rem', marginTop: '1rem' }}>
  <a href="/images/brand/checkout-logo.png" target="_blank">
    <div style={{ background: '#f9f9f9', padding: '0.75rem', borderRadius: '8px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', border: '1px solid #e5e5e5', cursor: 'pointer', gap: '0.5rem' }}>
      <img src="https://mintcdn.com/zenobank/wdiZLpQFHB21F3Oe/images/brand/checkout-logo.png?fit=max&auto=format&n=wdiZLpQFHB21F3Oe&q=85&s=c7c54e776c77c57abf3871b2de0bce48" alt="Checkout logo - USDT, USDC, Binance Pay" style={{ maxHeight: '40px' }} width="1000" height="208" data-path="images/brand/checkout-logo.png" />

      <span style={{ fontSize: '0.7rem', color: '#767676' }}>USDT, USDC, Binance Pay</span>
    </div>
  </a>

  <a href="/images/brand/checkout-logo-2.png" target="_blank">
    <div style={{ background: '#f9f9f9', padding: '0.75rem', borderRadius: '8px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', border: '1px solid #e5e5e5', cursor: 'pointer', gap: '0.5rem' }}>
      <img src="https://mintcdn.com/zenobank/wdiZLpQFHB21F3Oe/images/brand/checkout-logo-2.png?fit=max&auto=format&n=wdiZLpQFHB21F3Oe&q=85&s=2bc14da2a6c8010d013f28a31d2000a0" alt="Checkout logo - USDT, USDC, BTC, LTC" style={{ maxHeight: '40px' }} width="1080" height="225" data-path="images/brand/checkout-logo-2.png" />

      <span style={{ fontSize: '0.7rem', color: '#767676' }}>USDT, USDC, BTC, LTC</span>
    </div>
  </a>

  <a href="/images/brand/checkout-logo-3.png" target="_blank">
    <div style={{ background: '#f9f9f9', padding: '0.75rem', borderRadius: '8px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', border: '1px solid #e5e5e5', cursor: 'pointer', gap: '0.5rem' }}>
      <img src="https://mintcdn.com/zenobank/wdiZLpQFHB21F3Oe/images/brand/checkout-logo-3.png?fit=max&auto=format&n=wdiZLpQFHB21F3Oe&q=85&s=35959266d417268d316ed66ef2b8d5b1" alt="Checkout logo - USDC, USDT, PYUSD" style={{ maxHeight: '40px' }} width="1080" height="225" data-path="images/brand/checkout-logo-3.png" />

      <span style={{ fontSize: '0.7rem', color: '#767676' }}>USDC, USDT, PYUSD</span>
    </div>
  </a>

  <a href="/images/brand/checkout-logo-4.png" target="_blank">
    <div style={{ background: '#f9f9f9', padding: '0.75rem', borderRadius: '8px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', border: '1px solid #e5e5e5', cursor: 'pointer', gap: '0.5rem' }}>
      <img src="https://mintcdn.com/zenobank/wdiZLpQFHB21F3Oe/images/brand/checkout-logo-4.png?fit=max&auto=format&n=wdiZLpQFHB21F3Oe&q=85&s=c499f75b734223d230b80f9720ad98bf" alt="Checkout logo - Binance Pay" style={{ maxHeight: '40px' }} width="1080" height="225" data-path="images/brand/checkout-logo-4.png" />

      <span style={{ fontSize: '0.7rem', color: '#767676' }}>Binance Pay</span>
    </div>
  </a>
</div>

## Colors

| Color                                                                                                                                                                               | Hex       | RGB           | CMYK           | Pantone            |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------------- | -------------- | ------------------ |
| <div style={{ display: 'inline-block', width: '16px', height: '16px', background: '#000', borderRadius: '4px', verticalAlign: 'middle' }} /> **Black**                              | `#000000` | 0, 0, 0       | 75, 68, 67, 90 | Black 6 C / 4147 U |
| <div style={{ display: 'inline-block', width: '16px', height: '16px', background: '#fff', borderRadius: '4px', verticalAlign: 'middle', border: '1px solid #e5e5e5' }} /> **White** | `#FFFFFF` | 255, 255, 255 | 0, 0, 0, 0     | —                  |