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

# Brand Assets

> Download the Layerswap logo, symbol, and brand colors

Use these assets when referencing Layerswap in articles, partner integrations, or marketing materials. Please don't recolor, distort, or add effects to the logo.

## Logo with backgrounds

<Columns cols={2}>
  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/logo-positive-white.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=6176c0203e7816cbc85ca8e730ad5f7a" alt="Layerswap logo positive on white background" noZoom width="1280" height="594" data-path="images/brand/logo-positive-white.png" />
    </Frame>

    <a href="/images/brand/logo-positive-white.png" download>Download PNG</a>
  </div>

  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/logo-blue.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=1e2b093f3bb14242acef0bb51e32e411" alt="Layerswap logo on Layerswap blue background" noZoom width="1280" height="594" data-path="images/brand/logo-blue.png" />
    </Frame>

    <a href="/images/brand/logo-blue.png" download>Download PNG</a>
  </div>

  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/logo-monochrome-positive.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=35532fc70c1d0ea04126b8a1066c4953" alt="Layerswap monochrome positive logo" noZoom width="1280" height="594" data-path="images/brand/logo-monochrome-positive.png" />
    </Frame>

    <a href="/images/brand/logo-monochrome-positive.png" download>Download PNG</a>
  </div>

  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/logo-monochrome-negative.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=8185c8fd8814c3f05e7e24f179551a98" alt="Layerswap monochrome negative logo" noZoom width="1280" height="594" data-path="images/brand/logo-monochrome-negative.png" />
    </Frame>

    <a href="/images/brand/logo-monochrome-negative.png" download>Download PNG</a>
  </div>
</Columns>

## Transparent logo with main color

<Columns cols={2}>
  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/logo-main-on-dark.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=b569efd16b49e140939d7aa1b057b82a" alt="Layerswap main-color logo on dark background" noZoom width="1280" height="594" data-path="images/brand/logo-main-on-dark.png" />
    </Frame>

    To be used on dark backgrounds.<br />
    <a href="/images/brand/logo-main-on-dark.png" download>Download PNG</a><br /><a href="/images/brand/logo-main-on-dark-transparent.png" download>Download transparent PNG</a><br /><a href="/images/brand/logo-main-on-dark.svg" download>Download SVG</a>
  </div>

  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/logo-main-on-light.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=8a10ed34154dbbabd74d8cecb01cf738" alt="Layerswap main-color logo on light background" noZoom width="1280" height="594" data-path="images/brand/logo-main-on-light.png" />
    </Frame>

    To be used on light backgrounds.<br />
    <a href="/images/brand/logo-main-on-light.png" download>Download PNG</a><br /><a href="/images/brand/logo-main-on-light-transparent.png" download>Download transparent PNG</a><br /><a href="/images/brand/logo-main-on-light.svg" download>Download SVG</a>
  </div>
</Columns>

## Transparent logo with plain colors

<Columns cols={2}>
  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/logo-white-on-dark.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=d633b4fe696ba59a6268ebdc1aa74a6a" alt="Layerswap white logo on dark background" noZoom width="1280" height="594" data-path="images/brand/logo-white-on-dark.png" />
    </Frame>

    To be used on dark backgrounds.<br />
    <a href="/images/brand/logo-white-on-dark.png" download>Download PNG</a><br /><a href="/images/brand/logo-white-on-dark-transparent.png" download>Download transparent PNG</a><br /><a href="/images/brand/logo-white-on-dark.svg" download>Download SVG</a>
  </div>

  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/logo-black-on-light.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=541d5d352f7dfea81862896f5c2aef6f" alt="Layerswap black logo on light background" noZoom width="1280" height="594" data-path="images/brand/logo-black-on-light.png" />
    </Frame>

    To be used on light backgrounds.<br />
    <a href="/images/brand/logo-black-on-light.png" download>Download PNG</a><br /><a href="/images/brand/logo-black-on-light-transparent.png" download>Download transparent PNG</a><br /><a href="/images/brand/logo-black-on-light.svg" download>Download SVG</a>
  </div>
</Columns>

## Symbol

<Columns cols={2}>
  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/symbol-main.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=ff99284fc035b6fca8a200347cba6b32" alt="Layerswap pink symbol" noZoom width="250" height="250" data-path="images/brand/symbol-main.png" />
    </Frame>

    <a href="/images/brand/symbol-main.png" download>Download PNG</a><br /><a href="/images/brand/symbol-main-transparent.png" download>Download transparent PNG</a><br /><a href="/images/brand/symbol-main.svg" download>Download SVG</a>
  </div>

  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/symbol-main-on-blue.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=d3e220a186e82fee8a59cfd77b030f06" alt="Layerswap pink symbol on Layerswap blue background" noZoom width="250" height="250" data-path="images/brand/symbol-main-on-blue.png" />
    </Frame>

    <a href="/images/brand/symbol-main-on-blue.png" download>Download PNG</a>
  </div>

  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/symbol-white-on-black.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=8fd233705bddc7d7a118793117c2c972" alt="Layerswap white symbol on black" noZoom width="250" height="250" data-path="images/brand/symbol-white-on-black.png" />
    </Frame>

    <a href="/images/brand/symbol-white-on-black.png" download>Download PNG</a><br /><a href="/images/brand/symbol-white-on-black-transparent.png" download>Download transparent PNG</a><br /><a href="/images/brand/symbol-white-on-black.svg" download>Download SVG</a>
  </div>

  <div>
    <Frame>
      <img src="https://mintcdn.com/layerswaplabsv0/1HFzieb_l7GpZZ9q/images/brand/symbol-black-on-white.png?fit=max&auto=format&n=1HFzieb_l7GpZZ9q&q=85&s=cfb789d9abe41593047a4acefb310e53" alt="Layerswap black symbol on white" noZoom width="250" height="250" data-path="images/brand/symbol-black-on-white.png" />
    </Frame>

    <a href="/images/brand/symbol-black-on-white.png" download>Download PNG</a><br /><a href="/images/brand/symbol-black-on-white-transparent.png" download>Download transparent PNG</a><br /><a href="/images/brand/symbol-black-on-white.svg" download>Download SVG</a>
  </div>
</Columns>

## Colors

| Name                | Hex       |
| ------------------- | --------- |
| **Pink**            | `#FF3272` |
| **Background Blue** | `#0B1123` |