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

# Brand Kit

> Turtle logos, colors, and usage rules for partners and press.

This page has the Turtle logos, brand colors, and usage rules for referencing Turtle in your own product, deck, or article. Use the marks as supplied. Do not use them in a way that implies Turtle endorses your product unless we have agreed to that in writing.

## Logos

Turtle ships in two forms: a standalone mark (the icon on its own) and a full logo (the mark with the wordmark). Pick the variant that has contrast against your background.

<Frame>
  <img src="https://mintcdn.com/turtle-26472809/j7SIYVEk4Z0Axd3m/logo/Full-NinjaBlack.svg?fit=max&auto=format&n=j7SIYVEk4Z0Axd3m&q=85&s=a8f9907d3a82feb8475c7051775dc33d" alt="Turtle full logo, black, for light backgrounds" width="400" height="400" data-path="logo/Full-NinjaBlack.svg" />
</Frame>

*Full logo on light backgrounds.*

<Frame>
  <img src="https://mintcdn.com/turtle-26472809/j7SIYVEk4Z0Axd3m/logo/Full-WhiteWise.svg?fit=max&auto=format&n=j7SIYVEk4Z0Axd3m&q=85&s=20a09b8e996743ada8012c680a8d814e" alt="Turtle full logo, white, for dark backgrounds" width="400" height="400" data-path="logo/Full-WhiteWise.svg" />
</Frame>

*Full logo on dark backgrounds.*

| File                                         | Use                                             |
| -------------------------------------------- | ----------------------------------------------- |
| `Full-NinjaBlack.png`, `Full-NinjaBlack.svg` | Full logo on light backgrounds. Prefer the SVG. |
| `Full-WhiteWise.png`, `Full-WhiteWise.svg`   | Full logo on dark backgrounds. Prefer the SVG.  |
| `turtle-logo-black.png`                      | Mark only, for light backgrounds.               |
| `turtle-logo-white.png`                      | Mark only, for dark backgrounds.                |
| `light.png`, `dark.png`                      | Theme variants for light and dark interfaces.   |

<Info>
  Use the SVG files wherever your medium supports vectors. They stay sharp at any size. Reach for the PNG files only when a raster image is required.
</Info>

## Colors

The Turtle palette is built around a single green. Use the primary for brand surfaces and calls to action. The light and dark variants are for hover, accents, and contrast.

| Color         | Hex       | Use                                                        |
| ------------- | --------- | ---------------------------------------------------------- |
| Primary green | `#15A323` | Brand surfaces, primary buttons, accents.                  |
| Light green   | `#06C94E` | Hover states, highlights, lighter accents.                 |
| Dark green    | `#14801F` | Pressed states, text on light backgrounds, deeper accents. |

## Logo usage

<CardGroup cols={2}>
  <Card title="Do" icon="circle-check">
    Keep clear space around the logo so nothing crowds the mark. Scale it proportionally. Place the dark logo on light backgrounds and the light logo on dark backgrounds.
  </Card>

  <Card title="Do not" icon="circle-xmark">
    Do not recolor the logo. Do not stretch, skew, or rotate it. Do not add effects. Do not place the light logo on a light background or the dark logo on a dark background.
  </Card>
</CardGroup>

## Attribution for partners

If you embed a Turtle Earn or Streams claim UI inside your own product, follow these rules so users understand where the experience comes from.

<Steps>
  <Step title="Show a visible credit">
    Display a "Powered by Turtle" credit on any surface that embeds a Turtle Earn or Streams claim UI.
  </Step>

  <Step title="Link back to Turtle">
    Link the credit to [turtle.xyz](https://turtle.xyz).
  </Step>

  <Step title="Do not imply endorsement">
    Attribution credits the technology. It does not mean Turtle endorses, audits, or vouches for your product. Do not state or imply otherwise.
  </Step>

  <Step title="Follow the brand rules">
    Any Turtle mark you display must follow the logo and color guidance on this page.
  </Step>
</Steps>

<Note>
  Building a claim UI or distribution into your product? See [Turtle Earn](/partner-products/turtle-earn) and the [Streams overview](/partner-products/streams/overview) for what these surfaces do.
</Note>

## Download

The full media kit, with logos and additional assets, is available as a single archive.

<Card title="Download the media kit" icon="download" href="https://storage.googleapis.com/turtle-assets/brand%20kit/Turtle%20Club-Media%20Kit%200.3%20.zip">
  Turtle Club Media Kit (zip).
</Card>