# 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.


---

# Agent Instructions: 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.toros.finance/resources/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.