> For the complete documentation index, see [llms.txt](https://docs.paragon.trade/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.paragon.trade/community/brand-kit.md).

# Brand Kit

Official Paragon brand assets for media, partners, and community use.

## Logo

### Primary Logo

The Paragon logo should be used in its primary form whenever possible. Maintain clear space around the logo equal to the height of the "P" mark.

Download formats:

* SVG (vector)
* PNG (transparent background)
* PNG (dark background)
* PNG (light background)

### Logo Variations

| Variation     | Use Case                           |
| ------------- | ---------------------------------- |
| Full logo     | Primary usage, marketing materials |
| Logomark only | App icons, favicons, small spaces  |
| Wordmark only | Text-heavy contexts                |

## Colors

### Core Gradient

The primary brand uses a teal-to-dark-blue gradient:

| Color     | Hex       | Position |
| --------- | --------- | -------- |
| Teal      | `#99E0C6` | Start    |
| Blue      | `#2D607F` | Middle   |
| Dark Navy | `#0A1727` | End      |

### Accent Colors

| Color      | Hex       | Usage              |
| ---------- | --------- | ------------------ |
| Orange     | `#C19120` | Accent, highlights |
| Green      | `#2D7F32` | Success states     |
| Grey       | `#7B7B7B` | Secondary text     |
| Dark Grey  | `#2B2B2B` | Backgrounds        |
| Light Grey | `#D8D8D8` | Borders, dividers  |

## Typography

### Brand Font

**Alliance No. 2** - Primary brand font for marketing and headlines

### Documentation

GitBook default fonts are used for documentation to ensure readability and accessibility.

## Usage Guidelines

### Do

* Use official logo files (don't recreate)
* Maintain minimum clear space
* Use approved color combinations
* Keep logo proportions intact

### Don't

* Stretch or distort the logo
* Apply effects (shadows, gradients, outlines)
* Place logo on busy backgrounds
* Use unapproved colors
* Rotate or flip the logo

## GitBook Documentation Settings

Recommended visual settings for Paragon documentation:

| Setting       | Value                | Notes                                |
| ------------- | -------------------- | ------------------------------------ |
| Theme         | **Dark**             | Matches institutional brand identity |
| Primary Color | `#2D607F`            | Core gradient middle (teal-blue)     |
| Logo          | `White-Wordmark.svg` | Horizontal lockup for header         |
| Icon/Favicon  | `White-Logo.svg`     | Logo mark only (no wordmark)         |

### Logo Files Reference

```
brand-assets/Paragon_Logos/
├── Black/
│   ├── Black-Logo.svg          # Icon only (light backgrounds)
│   ├── Black-Vertical.svg      # Stacked logo + wordmark
│   └── Black-Wordmark.svg      # Horizontal logo + wordmark
└── White/
    ├── White-Logo.svg          # Icon only (dark backgrounds) ← Favicon
    ├── White-Vertical.svg      # Stacked logo + wordmark
    └── White-Wordmark.svg      # Horizontal logo + wordmark ← Header
```

### Applying Settings in GitBook

1. Navigate to **Customization** in the GitBook admin panel
2. Upload `White-Wordmark.svg` as the header logo
3. Upload `White-Logo.svg` as the favicon/icon
4. Set primary color to `#2D607F`
5. Select **Dark** theme
6. Click **Publish** to apply changes

### Accessibility Notes

* **Contrast Ratio**: White logo on dark (#0A1727) background exceeds WCAG AA standards (>7:1)
* **Primary Color**: `#2D607F` provides sufficient contrast for interactive elements
* **Theme**: Dark mode reduces eye strain for extended reading sessions

## Market Logos

Index market logos using the Paragon brand gradient background with white icon:

| Market | File         | Preview                                |
| ------ | ------------ | -------------------------------------- |
| BTC.D  | `BTCD.svg`   | ![BTC.D](/files/Ts2Vh3hohmisG3vnMhcn)  |
| TOTAL2 | `TOTAL2.svg` | ![TOTAL2](/files/58PY7O0S4S0QZhlGRSQp) |
| OTHERS | `OTHERS.svg` | ![OTHERS](/files/vFWEY01UQ2vJnrVI1JkW) |

```
brand-assets/Market_Logos/
├── BTCD.svg               # Bitcoin Dominance index
├── TOTAL2.svg             # Total crypto ex-BTC index
└── OTHERS.svg             # Total crypto ex-top-10 index
```

## Download Assets

Full brand kit available at:

* [Brand Assets Repository](https://github.com/N8V-Labs/paragon-brand-assets) — logos, guidelines, and font
* Request high-resolution files via [Telegram](https://t.me/paragon_trade)

## Contact

For brand usage questions or partnership materials:

* Telegram: [Join Group](https://t.me/paragon_trade)
* Twitter: [@tradeparagon](https://x.com/tradeparagon)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.paragon.trade/community/brand-kit.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.