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

# Brand Resources

> Official Kamino brand assets for partners, press, and collaborators. Download logos, wordmarks, icons, and brand guidelines to represent Kamino consistently across any medium.

<div className="w-full" id="brand-page">
  <div className="brand-hero w-full bg-[#C6F4FF] dark:bg-[#C6F4FF] relative overflow-hidden" style={{ minHeight: '400px' }}>
    <div className="relative z-10 k-container py-16 sm:py-20">
      <div className="mb-12">
        <svg width="60" height="15" viewBox="0 0 80 20" fill="none" xmlns="http://www.w3.org/2000/svg">
          <text x="0" y="15" fontFamily="Arial, sans-serif" fontSize="16" fontWeight="600" fill="#000000">kamino</text>
        </svg>
      </div>

      <div className="brand-hero__content max-w-xl">
        <h1 className="font-['Inter:Medium',sans-serif] font-medium text-[32px] md:text-[44px] text-black tracking-[-2.2px] leading-[1.2] mb-4">
          Brand Resources
        </h1>

        <p className="text-base text-gray-900 mb-6">
          Official <span className="font-semibold">assets</span> for partners, press, and collaborators. Use these resources to represent Kamino consistently across any medium.
        </p>

        <p className="text-sm text-gray-600">V1.1</p>
      </div>

      <div className="brand-hero__k" aria-hidden="true">
        <svg className="brand-hero__k-svg" fill="none" viewBox="0 0 418 616.608">
          <path d="M127.014 0.5V616.107H0.5V0.5H127.014ZM417.5 162.378V169.02C356.352 213.082 315.094 294.854 315.094 388.507C315.094 482.159 356.352 563.931 417.5 607.993V614.636H249.214C209.746 550.82 186.235 472.914 186.235 388.507C186.235 304.1 209.79 226.148 249.214 162.378H417.5Z" stroke="black" fill="none" />
        </svg>
      </div>
    </div>
  </div>

  <div className="w-full bg-[#FCFCFC] dark:bg-[#0c1b37] py-16 sm:py-20">
    <div className="max-w-[1200px] mx-auto px-6 sm:px-12">
      <h2 className="text-3xl sm:text-4xl font-semibold text-gray-900 dark:text-gray-100 mb-12">
        Wordmark
      </h2>

      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
        {/* Wordmark Black */}

        <div className="bg-white dark:bg-white border border-gray-200 rounded-xl p-8">
          <div className="text-center mb-6">
            <p className="text-sm text-gray-600 mb-8">Wordmark Black</p>

            <div className="flex items-center justify-center" style={{ minHeight: '100px' }}>
              <img src="https://mintcdn.com/kamino-3d73a151/2usMx_FT_aSvQ2zr/images/resources/brand/wordmark-black.svg?fit=max&auto=format&n=2usMx_FT_aSvQ2zr&q=85&s=54c6b52827829218e386109b1abf09a8" alt="Kamino Wordmark Black" className="h-12" width="217" height="50" data-path="images/resources/brand/wordmark-black.svg" />
            </div>
          </div>

          <div className="flex gap-3 justify-center flex-wrap">
            <button type="button" data-copy-svg="/images/resources/brand/wordmark-black.svg" className="px-4 py-2 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4" />

              <span data-copy-label>Copy SVG</span>
            </button>

            <button type="button" data-copy-png="/images/resources/brand/wordmark-black.png" className="px-4 py-2 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4" />

              <span data-copy-label>Copy PNG</span>
            </button>
          </div>
        </div>

        {/* Wordmark White */}

        <div className="bg-black dark:bg-black border border-gray-800 rounded-xl p-8">
          <div className="text-center mb-6">
            <p className="text-sm text-gray-400 mb-8">Wordmark White</p>

            <div className="flex items-center justify-center" style={{ minHeight: '100px' }}>
              <img src="https://mintcdn.com/kamino-3d73a151/2usMx_FT_aSvQ2zr/images/resources/brand/wordmark-white.svg?fit=max&auto=format&n=2usMx_FT_aSvQ2zr&q=85&s=b2f8ef7ebac442c47dc20a6582580850" alt="Kamino Wordmark White" className="h-12" width="217" height="50" data-path="images/resources/brand/wordmark-white.svg" />
            </div>
          </div>

          <div className="flex gap-3 justify-center flex-wrap">
            <button type="button" data-copy-svg="/images/resources/brand/wordmark-white.svg" className="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg text-sm font-medium text-gray-200 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4 !bg-white" />

              <span data-copy-label>Copy SVG</span>
            </button>

            <button type="button" data-copy-png="/images/resources/brand/wordmark-white.png" className="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg text-sm font-medium text-gray-200 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4 !bg-white" />

              <span data-copy-label>Copy PNG</span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div className="w-full bg-white dark:bg-[#0c1b37] py-16 sm:py-20">
    <div className="max-w-[1200px] mx-auto px-6 sm:px-12">
      <h2 className="text-3xl sm:text-4xl font-semibold text-gray-900 dark:text-gray-100 mb-12">
        Mark / Icon
      </h2>

      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
        {/* Icon Black */}

        <div className="bg-white dark:bg-white border border-gray-200 rounded-xl p-8">
          <div className="text-center mb-6">
            <p className="text-sm text-gray-600 mb-8">Icon Black</p>

            <div className="flex items-center justify-center" style={{ minHeight: '120px' }}>
              <img src="https://mintcdn.com/kamino-3d73a151/2usMx_FT_aSvQ2zr/images/resources/brand/icon-black.svg?fit=max&auto=format&n=2usMx_FT_aSvQ2zr&q=85&s=5e7523238c64383b3eda1af130303022" alt="Kamino Icon Black" className="h-20" width="80" height="118" data-path="images/resources/brand/icon-black.svg" />
            </div>
          </div>

          <div className="flex gap-3 justify-center flex-wrap">
            <button type="button" data-copy-svg="/images/resources/brand/icon-black.svg" className="px-4 py-2 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4" />

              <span data-copy-label>Copy SVG</span>
            </button>

            <button type="button" data-copy-png="/images/resources/brand/icon-black.png" className="px-4 py-2 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4" />

              <span data-copy-label>Copy PNG</span>
            </button>
          </div>
        </div>

        {/* Icon White */}

        <div className="bg-black dark:bg-black border border-gray-800 rounded-xl p-8">
          <div className="text-center mb-6">
            <p className="text-sm text-gray-400 mb-8">Icon White</p>

            <div className="flex items-center justify-center" style={{ minHeight: '120px' }}>
              <img src="https://mintcdn.com/kamino-3d73a151/2usMx_FT_aSvQ2zr/images/resources/brand/icon-white.svg?fit=max&auto=format&n=2usMx_FT_aSvQ2zr&q=85&s=9a1642f1a68c0f40f2c234467c476e85" alt="Kamino Icon White" className="h-20" width="80" height="118" data-path="images/resources/brand/icon-white.svg" />
            </div>
          </div>

          <div className="flex gap-3 justify-center flex-wrap">
            <button type="button" data-copy-svg="/images/resources/brand/icon-white.svg" className="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg text-sm font-medium text-gray-200 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4 !bg-white" />

              <span data-copy-label>Copy SVG</span>
            </button>

            <button type="button" data-copy-png="/images/resources/brand/icon-white.png" className="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg text-sm font-medium text-gray-200 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4 !bg-white" />

              <span data-copy-label>Copy PNG</span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div className="w-full bg-[#FCFCFC] dark:bg-[#0c1b37] py-16 sm:py-20">
    <div className="max-w-[1200px] mx-auto px-6 sm:px-12">
      <h2 className="text-3xl sm:text-4xl font-semibold text-gray-900 dark:text-gray-100 mb-12">
        Token Icon
      </h2>

      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
        {/* Token Primary */}

        <div className="bg-white dark:bg-white border border-gray-200 rounded-xl p-8">
          <div className="text-center mb-6">
            <p className="text-sm text-gray-600 mb-8">KMNO Token / Primary</p>

            <div className="flex items-center justify-center" style={{ minHeight: '120px' }}>
              <img src="https://mintcdn.com/kamino-3d73a151/2usMx_FT_aSvQ2zr/images/resources/brand/token-primary.svg?fit=max&auto=format&n=2usMx_FT_aSvQ2zr&q=85&s=3ead989bb9c7748d6ef51e032ae1ea15" alt="KMNO Token Primary" className="h-20" width="63" height="64" data-path="images/resources/brand/token-primary.svg" />
            </div>
          </div>

          <div className="flex gap-3 justify-center flex-wrap">
            <button type="button" data-copy-svg="/images/resources/brand/token-primary.svg" className="px-4 py-2 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4" />

              <span data-copy-label>Copy SVG</span>
            </button>

            <button type="button" data-copy-png="/images/resources/brand/token-primary.png" className="px-4 py-2 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4" />

              <span data-copy-label>Copy PNG</span>
            </button>
          </div>
        </div>

        {/* Token Light */}

        <div className="bg-[#F5F5F5] dark:bg-[#F5F5F5] border border-gray-200 rounded-xl p-8">
          <div className="text-center mb-6">
            <p className="text-sm text-gray-600 mb-8">Light Version</p>

            <div className="flex items-center justify-center" style={{ minHeight: '120px' }}>
              <img src="https://mintcdn.com/kamino-3d73a151/2usMx_FT_aSvQ2zr/images/resources/brand/token-light.svg?fit=max&auto=format&n=2usMx_FT_aSvQ2zr&q=85&s=dee4db2ab8db4a6ee4fa7d7e4e8d3bf4" alt="KMNO Token Light" className="h-20" width="63" height="64" data-path="images/resources/brand/token-light.svg" />
            </div>
          </div>

          <div className="flex gap-3 justify-center flex-wrap">
            <button type="button" data-copy-svg="/images/resources/brand/token-light.svg" className="px-4 py-2 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4" />

              <span data-copy-label>Copy SVG</span>
            </button>

            <button type="button" data-copy-png="/images/resources/brand/token-light.png" className="px-4 py-2 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 cursor-pointer flex items-center gap-2">
              <Icon icon="copy" iconType="regular" className="w-4 h-4" />

              <span data-copy-label>Copy PNG</span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div className="w-full bg-white dark:bg-[#0c1b37] py-16 sm:py-20">
    <div className="max-w-[1200px] mx-auto px-6 sm:px-12">
      <h2 className="text-3xl sm:text-4xl font-semibold text-gray-900 dark:text-gray-100 mb-12">
        Color Palette
      </h2>

      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
        {/* Paper */}

        <div className="bg-[#FCFCFC] border border-gray-200 rounded-xl overflow-hidden">
          <div className="h-48 bg-[#FCFCFC]" />

          <div className="p-6">
            <h3 className="text-xl font-semibold text-gray-900 mb-1">Paper</h3>
            <p className="text-sm text-gray-600 mb-4">Backgrounds</p>

            <div className="flex items-center justify-between">
              <code className="text-sm font-mono text-gray-900">#FCFCFC</code>

              <button type="button" data-copy-hex="#FCFCFC" className="px-3 py-1.5 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded-md text-xs font-medium text-gray-700 cursor-pointer flex items-center gap-2">
                <Icon icon="copy" iconType="regular" className="w-3 h-3" />

                <span data-copy-label>Copy HEX</span>
              </button>
            </div>
          </div>
        </div>

        {/* Kamino Blue */}

        <div className="bg-[#C6F4FF] border border-gray-200 rounded-xl overflow-hidden">
          <div className="h-48 bg-[#C6F4FF]" />

          <div className="p-6">
            <h3 className="text-xl font-semibold text-gray-900 mb-1">Kamino Blue</h3>
            <p className="text-sm text-gray-600 mb-4">Backgrounds / Highlights</p>

            <div className="flex items-center justify-between">
              <code className="text-sm font-mono text-gray-900">#C6F4FF</code>

              <button type="button" data-copy-hex="#C6F4FF" className="px-3 py-1.5 bg-white/50 hover:bg-white/70 border border-gray-300 rounded-md text-xs font-medium text-gray-700 cursor-pointer flex items-center gap-2">
                <Icon icon="copy" iconType="regular" className="w-3 h-3" />

                <span data-copy-label>Copy HEX</span>
              </button>
            </div>
          </div>
        </div>

        {/* Black */}

        <div className="bg-[#000000] border border-gray-800 rounded-xl overflow-hidden">
          <div className="h-48 bg-[#000000]" />

          <div className="p-6">
            <h3 className="text-xl font-semibold text-white mb-1">Black</h3>
            <p className="text-sm text-gray-400 mb-4">Backgrounds / Text</p>

            <div className="flex items-center justify-between">
              <code className="text-sm font-mono text-white">#000000</code>

              <button type="button" data-copy-hex="#000000" className="px-3 py-1.5 bg-gray-800 hover:bg-gray-700 rounded-md text-xs font-medium text-gray-200 cursor-pointer flex items-center gap-2">
                <Icon icon="copy" iconType="regular" className="w-3 h-3 !bg-white" />

                <span data-copy-label>Copy HEX</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div className="w-full bg-[#FCFCFC] dark:bg-[#0c1b37] border-t border-gray-300 dark:border-gray-700">
    <div className="k-container py-12">
      <div className="flex flex-col md:flex-row justify-between items-start gap-6 mb-8">
        <div>
          <img src="https://mintcdn.com/kamino-3d73a151/2usMx_FT_aSvQ2zr/images/resources/brand/wordmark-black.svg?fit=max&auto=format&n=2usMx_FT_aSvQ2zr&q=85&s=54c6b52827829218e386109b1abf09a8" alt="Kamino" className="dark:hidden h-5 w-auto" width="217" height="50" data-path="images/resources/brand/wordmark-black.svg" />

          <img src="https://mintcdn.com/kamino-3d73a151/2usMx_FT_aSvQ2zr/images/resources/brand/wordmark-white.svg?fit=max&auto=format&n=2usMx_FT_aSvQ2zr&q=85&s=b2f8ef7ebac442c47dc20a6582580850" alt="Kamino" className="hidden dark:block h-5 w-auto" width="217" height="50" data-path="images/resources/brand/wordmark-white.svg" />
        </div>

        <div className="text-left max-w-2xl">
          <p className="text-xs text-gray-600 dark:text-gray-400">
            The content on this website is provided "as-is" and should not be considered legal, tax, investment, financial, or other professional advice. Users assume all risk in relying on this information, and Kamino disclaims all liability for any loss or damage resulting from such reliance. Kamino makes no representations or warranties regarding the accuracy, completeness, or reliability of the content and reserves the right to update or modify it at any time.
          </p>
        </div>
      </div>

      <div className="pt-8 border-t border-gray-200 dark:border-gray-800">
        <p className="text-xs text-gray-600 dark:text-gray-400">
          © 2026 Kamino Finance. All rights reserved.
        </p>
      </div>
    </div>
  </div>
</div>