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

# Brand Kit

## Logo Assets

Official Toros logo assets in black and white variants.

{% hint style="info" %}
White logo variants are designed for dark backgrounds and may not be visible against a white background.
{% endhint %}

### Logo Mark

![Toros Logo Mark - Black](/files/Q0zT9wt80ivmX8PXafHp)

![Toros Logo Mark - White](/files/1NJcx01MMqWQ2yL8unuc)

### Word Mark

![Toros Word Mark - Black](/files/4EPuVP6FHuKs6do2EaRo)

![Toros Word Mark - White](/files/VopkKNwGXDzwgvFJzUsI)

### Extended Word Mark

![Toros Extended Word Mark - Black](/files/Wihv8JUuesjpm9vPwcZH)

![Toros Extended Word Mark - White](/files/ZAt6xA3dSUjKeivJJnSW)

## Typography

* **Inter**: primary UI font for product UI, tables, controls, and body copy
* **Raleway**: secondary display font for headings and branded moments

## Brand Colors

| Token               | Hex Code  | Usage                                                    |
| ------------------- | --------- | -------------------------------------------------------- |
| App Theme Black     | `#000000` | Browser/PWA theme color                                  |
| App Surface         | `#12171F` | Primary app background and dark surfaces                 |
| Primary Text        | `#DEE3ED` | Main text on dark surfaces                               |
| Secondary Text      | `#CCD2DC` | Supporting text and lighter neutral UI text              |
| Divider / Border    | `#657792` | Dividers, separators, muted outlines                     |
| Brand Blue          | `#5790E4` | Primary brand actions and solid buttons                  |
| Brand Blue Hover    | `#70AAEA` | Hover and active brand accent                            |
| Brand Tint          | `#C6DDF7` | Light blue text or outline accents                       |
| Success Green       | `#47A06C` | Success states and positive indicators                   |
| Success Green Hover | `#6CBC87` | Success hover and bright states                          |
| Warning Amber       | `#D7892B` | Warning states and caution highlights                    |
| Danger Red          | `#DF5454` | Errors, destructive actions, and risk states             |
| White               | `#FFFFFF` | High-contrast content and light backgrounds where needed |

## Usage Guidance

* Use the **dark-first** palette for app-related visuals and screenshots.
* Use **blue accents** for primary calls to action and interactive emphasis.
* Keep logos **monochrome** on dark or light backgrounds.
* Reserve success green, warning amber, and danger red for state communication rather than general branding.