> For the complete documentation index, see [llms.txt](https://bitprotocol.gitbook.io/bitprotocol/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bitprotocol.gitbook.io/bitprotocol/resources/brand-assets.md).

# Brand Assets

{% hint style="success" %}
Welcome to the Bit Protocol Brand Assets page. Here you'll find official logos, icons, and usage guidelines to help you represent BitUSD and the Bit Protocol accurately and consistently. Whether you're building integrations, writing about the protocol, or designing visuals, these assets ensure your materials align with our brand identity. Please follow the usage rules outlined below to maintain clarity and coherence across all platforms.
{% endhint %}

### 🎨 Brand Colors

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Primary</td><td><code>#00D7CA</code></td><td><a href="/files/EogQdHeT8lJw6RYMmavu">/files/EogQdHeT8lJw6RYMmavu</a></td></tr><tr><td>Primary Light</td><td><code>#CFF9F7</code></td><td><a href="/files/mhVI6kypTCS4D1yjXaX4">/files/mhVI6kypTCS4D1yjXaX4</a></td></tr><tr><td>Primary Vibrant</td><td><code>#2FFFF2</code></td><td><a href="/files/IgpBU1XIRtkg5134vMxB">/files/IgpBU1XIRtkg5134vMxB</a></td></tr><tr><td>Secondary</td><td><code>#011B19</code></td><td><a href="/files/PqoWMWBiYrEWs1tszD4S">/files/PqoWMWBiYrEWs1tszD4S</a></td></tr><tr><td>Bit gradient</td><td><code>#00D7CA → #08726B</code></td><td><a href="/files/rtrimpllJSWdXpUUhdbJ">/files/rtrimpllJSWdXpUUhdbJ</a></td></tr></tbody></table>

### Bit Protocol Brand

<table data-header-hidden data-full-width="false"><thead><tr><th></th><th></th><th></th><th></th></tr></thead><tbody><tr><td><p></p><div><figure><img src="/files/LOtACwGsUlwrho88z60Y" alt=""><figcaption></figcaption></figure></div></td><td><p></p><div><figure><img src="/files/uy4aB2RVRvdQOUMI2cI1" alt=""><figcaption></figcaption></figure></div></td><td><p></p><div><figure><img src="/files/VpM5eQFaP7YNaHLtQYyV" alt=""><figcaption></figcaption></figure></div></td><td></td></tr><tr><td><p></p><div><figure><img src="/files/TNVkGCYHaxCnM1qo4vE3" alt=""><figcaption></figcaption></figure></div></td><td><p></p><div><figure><img src="/files/EnzCmxd7gjtAYNJRDVKV" alt=""><figcaption></figcaption></figure></div></td><td><p></p><div><figure><img src="/files/zHfLEiri7zns55H8hXdI" alt=""><figcaption></figcaption></figure></div></td><td><p></p><div><figure><img src="/files/AeClbSRBoPJQgHysx74j" alt=""><figcaption></figcaption></figure></div></td></tr></tbody></table>

### BitUSD Brand

| <p></p><div><figure><img src="/files/88mKjXfYlBnvwoyzZrQy" alt=""><figcaption></figcaption></figure></div> | <p></p><div><figure><img src="/files/TDYahXJ1pT7pTlB8IQw5" alt=""><figcaption></figcaption></figure></div> | <p></p><div><figure><img src="/files/04sRnuP91zyNGxgdYbG2" alt=""><figcaption></figcaption></figure></div> | <p></p><div><figure><img src="/files/JR6EL4i7buOoYGRhRTay" alt=""><figcaption></figcaption></figure></div> | <p></p><div><figure><img src="/files/UK9VeYjme1QhhiR0N0Vq" alt=""><figcaption></figcaption></figure></div> |
| ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |

#### BitUSD symbol

<div><figure><img src="/files/RE316ScNrDdF2XXpKX8T" alt="" width="231"><figcaption><p>BitUSD Symbol (.PNG)</p></figcaption></figure> <figure><img src="/files/R9XypRPGvi5SbDpQqxMO" alt="" width="231"><figcaption><p>BitUSD Symbol (.SVG)</p></figcaption></figure></div>

### BitGov symbol

<div><figure><img src="/files/PlUUTYLmX3lwxp4Huz88" alt="" width="238"><figcaption><p>BitGov Symbol (.PNG)</p></figcaption></figure> <figure><img src="/files/DMpmwnxtQHoDxBX6WT6Y" alt="" width="238"><figcaption><p>BitGov Symbol (.SVG)</p></figcaption></figure></div>

### Download all brand assets (.svg and .png formats)

{% embed url="<https://drive.google.com/file/d/1oUTnP3d09HjRV79yhXPnxNHJuf2rMgRq/view?usp=sharing>" %}

#### File format guide

{% tabs %}
{% tab title="SVG" %}
SVGs (Scalable Vector Graphics) can be scaled up or down in size without any loss of detail. Often used for logos, icons and vector based illustrations.

**When to use:**

* **Websites/Apps** - ensure branding looks perfect on all screens
* **Illustrations** - small file sizes and easily editable
* **Animation** - SVGs can be animated
  {% endtab %}

{% tab title="PNG" %}
PNGs (Portable Network Graphics) are raster based images. PNGs can be saved at as hi-res images but increasing the size of a PNG will reduce the overall quality of the image. A benefit of using PNGs (instead of JPGs) is that they support transparent and semi-transparent backgrounds.

**When to use:**

* When a SVG cannot be uploaded eg. on 3rd party apps
  {% endtab %}
  {% endtabs %}

### Typography

<figure><img src="/files/1D6NZOCQFmBFy6x9NFHq" alt=""><figcaption><p>DM Sans</p></figcaption></figure>

{% embed url="<https://github.com/googlefonts/dm-fonts>" %}

{% embed url="<https://fonts.google.com/specimen/DM+Sans>" %}