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

# Brand kit

> DYXY logos and colors for partners, press and community.

Use these assets when you write about DYXY, build an integration or create community content.

## Logo

> **[Logo for dark backgrounds](https://docs.dyxy.io/logo/dark.svg)**
>
> Purple mark with a light wordmark. Download the SVG.

> **[Logo for light backgrounds](https://docs.dyxy.io/logo/light.svg)**
>
> Purple mark with a dark wordmark. Download the SVG.

> **[Mark only](https://docs.dyxy.io/favicon.svg)**
>
> The DYXY fox mark on its own, for avatars and small sizes.

### Logo guidelines

* Keep clear space around the logo of at least the height of the mark's tips.
* Don't stretch, rotate, recolor or add effects to the logo.
* Use the light wordmark on dark backgrounds and the dark wordmark on light backgrounds.

## Colors

| Color | Hex | Use |
| - | - | - |
| Background | `#1D1B2B` | Main background |
| Surface | `#2C2A40` | Header and elevated surfaces |
| Primary | `#8967FB` | Brand purple, the logo mark |
| Gradient start | `#8C7FFE` | Primary button gradient, 0% |
| Gradient middle | `#8967FB` | Primary button gradient, 50% |
| Gradient end | `#864FF8` | Primary button gradient, 100% |
| Text | `#9D9CB5` | Default text |
| Text hover | `#C7C7D7` | Hovered text |
| Text active | `#FFFFFF` | Active text and headings |

## Typography

* **Inter** for body text and interface.
* **Outfit** for headings, buttons and accents.

## Name

Write the name as **DYXY**, in capitals.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.