# Mistral AI

> Generated by BrandSweets from the mistral-ai BrandDoc (v4, schema 1). Do not edit by hand.

## Identity

**Tagline:** The most powerful AI platform for enterprises. Customize, fine-tune, and deploy AI assistants, autonomous agents, and multimodal AI with open models.

**Domain:** mistral.ai


The most powerful AI platform for enterprises. Customize, fine-tune, and deploy AI assistants, autonomous agents, and multimodal AI with open models.

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | — | `#54b4fc` | — | Primary brand color: CTAs, links, active states. |
| `secondary` | — | `#ffaf01` | — | Secondary brand color. |
| `accent` | — | `#b9daff` | — | Accent: highlights and secondary emphasis. |
| `surface` | — | `#fbfbf8` | — | Page and card background. |
| `text` | — | `#000000` | — | Body text on surface. |

### Scales

- **primary:** 50 `#eff6fa`, 100 `#d8e7f3`, 200 `#a5d7fe`, 300 `#54b4fc`, 400 `#3ba8fc`, 500 `#0e94fb`, 600 `#037fdd`, 700 `#0368b5`, 800 `#02518d`, 900 `#09395d`, 950 `#06253c`
- **secondary:** 50 `#faf7ef`, 100 `#f4ebd7`, 200 `#ffe2a3`, 300 `#ffd06b`, 400 `#ffc038`, 500 `#ffaf01`, 600 `#e09900`, 700 `#b87d00`, 800 `#8f6200`, 900 `#5e4308`, 950 `#3d2b05`
- **accent:** 50 `#eff4fa`, 100 `#b9daff`, 200 `#a3ceff`, 300 `#6bb0ff`, 400 `#3895ff`, 500 `#0a7cff`, 600 `#0069e0`, 700 `#0056b8`, 800 `#00438f`, 900 `#08305e`, 950 `#051f3d`
- **surface:** 50 `#fbfbf8`, 100 `#e9e9e2`, 200 `#ddddc5`, 300 `#c9c9a1`, 400 `#b6b681`, 500 `#a6a664`, 600 `#8e8e52`, 700 `#757543`, 800 `#5b5b34`, 900 `#3f3f27`, 950 `#29291a`
- **text:** 50 `#f5f5f5`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#000000`

## Typography

### Families

#### Inter `inter`
- **Source:** google
- **Weights:** 300 Light, 400 Regular, 500 Medium, 600 Semibold, 700 Bold, 800 Extrabold
- **Fallback stack:** `Inter, sans-serif`

### Role assignments

- **heading:** Inter (`inter`)
- **body:** Inter (`inter`)

### Scale

| Step | Size (rem) | Line height | Tracking (em) |
| --- | --- | --- | --- |
| sm | 0.875 | 1.5 | — |
| base | 1 | 1.6 | — |
| lg | 1.25 | 1.4 | — |
| xl | 1.75 | 1.25 | — |
| 2xl | 2.25 | 1.15 | — |
| display | 3.5 | 1.05 | -0.02 |

## Logos

### primary
- **Formats:**
  - `svg` (28×20): data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2021%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%200H3V3H6V0Z%22%20fill%3D%22%23FFAF01%22%2F%3E%3Cpath%20d%3D%22M6%209H3V12H6V9Z%22%20fill%3D%22%23E61300%22%2F%3E%3Cpath%20d%3D%22M9%2012H0V15H9V12Z%22%20fill%3D%22%23C4001D%22%2F%3E%3Cpath%20d%3D%22M9%203H3V6H9V3Z%22%20fill%3D%22%23FF8204%22%2F%3E%3Cpath%20d%3D%22M12%209H9V12H12V9Z%22%20fill%3D%22%23E61300%22%2F%3E%3Cpath%20d%3D%22M18%206H3V9H18V6Z%22%20fill%3D%22%23FA500F%22%2F%3E%3Cpath%20d%3D%22M18%203H12V6H18V3Z%22%20fill%3D%22%23FF8204%22%2F%3E%3Cpath%20d%3D%22M18%200H15V3H18V0Z%22%20fill%3D%22%23FFAF01%22%2F%3E%3Cpath%20d%3D%22M18%209H15V12H18V9Z%22%20fill%3D%22%23E61300%22%2F%3E%3Cpath%20d%3D%22M21%2012H12V15H21V12Z%22%20fill%3D%22%23C4001D%22%2F%3E%3C%2Fsvg%3E
- **Clearspace:** 1× logo-height — Default clearspace of one logo-height on all sides (auto-seeded; refine after review).
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** any

### mono
- **Formats:**
  - `svg` (16×16): data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.9995%2025H8.99951V21H12.9995V25Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M16.9995%2021H12.9995V17H16.9995V21Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M20.9995%2017H16.9995V13H20.9995V17Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M16.9995%2013H12.9995V9H16.9995V13Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M12.9995%209H8.99951V5H12.9995V9Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### inverse
- **Formats:**
  - `svg` (28×20): data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2021%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cstyle%3E*%7Bfill%3A%23ffffff%3Bcolor%3A%23ffffff%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M6%200H3V3H6V0Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M6%209H3V12H6V9Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M9%2012H0V15H9V12Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M9%203H3V6H9V3Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M12%209H9V12H12V9Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M18%206H3V9H18V6Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M18%203H12V6H18V3Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M18%200H15V3H18V0Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M18%209H15V12H18V9Z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M21%2012H12V15H21V12Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any
- **Notes:** Derived from primary (flattened to #ffffff for dark backgrounds). Auto-generated — review before use.

## Boards

- **Cover** — `cover` (`board-cover`)
- **Color System** — `color-system` (`board-colors`)
- **Type Specimen** — `type-specimen` (`board-type`)
- **Logo Suite** — `logo-suite` (`board-logos`)

## Resources

- Tokens (JSON): /b/mistral-ai/tokens.json
- Tokens (CSS): /b/mistral-ai/brand.css
- This document: /b/mistral-ai/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/mistral-ai/mcp
- Agent integration guide: /agents.md