# Elastic

> Generated by BrandSweets from the elastic-co BrandDoc (v3, schema 1). Do not edit by hand.

## Identity

**Tagline:** Power insights and outcomes with The Elasticsearch Platform. See into your data and find answers that matter with enterprise solutions designed to help you a…

**Sector:** data

**Domain:** elastic.co

**Guidelines:** https://www.elastic.co/legal/trademarks


Power insights and outcomes with The Elasticsearch Platform. See into your data and find answers that matter with enterprise solutions designed to help you accelerate time to insight. Try Elastic toda...

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | Dark Orange | `#fc8204` | — | Primary brand color: CTAs, links, active states. |
| `secondary` | Bright Cyan | `#00a9e5` | — | Secondary brand color. |
| `accent` | Bright Blue | `#0d6efd` | — | Accent: highlights and secondary emphasis. |
| `surface` | White | `#ffffff` | — | Page and card background. |
| `text` | Near Black | `#111111` | — | Body text on surface. |

### Scales

- **primary:** 50 `#faf5ef`, 100 `#f3e6d8`, 200 `#fed1a4`, 300 `#feb56d`, 400 `#fd9c3a`, 500 `#fc8204`, 600 `#de7002`, 700 `#b65c02`, 800 `#8d4701`, 900 `#5d3309`, 950 `#3d2106`
- **secondary:** 50 `#eff7fa`, 100 `#d7ecf4`, 200 `#a3e7ff`, 300 `#6bd8ff`, 400 `#38caff`, 500 `#0abeff`, 600 `#00a9e5`, 700 `#0087b8`, 800 `#00698f`, 900 `#08475e`, 950 `#052e3d`
- **accent:** 50 `#eff4fa`, 100 `#d8e3f3`, 200 `#a4c8fe`, 300 `#6da7fe`, 400 `#3a88fd`, 500 `#0d6efd`, 600 `#025ade`, 700 `#024ab6`, 800 `#01398d`, 900 `#092b5d`, 950 `#061c3d`
- **surface:** 50 `#ffffff`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#212121`
- **text:** 50 `#f5f5f5`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#111111`

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

## Gradients

Derived from the colour roles (perceptual interpolation; same tokens in brand.css / tokens.json):

- **--brand-gradient:** `linear-gradient(135deg in oklch shorter hue, #fc8204 0%, #00a9e5 100%)` — worst-case contrast white 2.38:1, black 7.81:1 AA
- **--brand-gradient-hero:** `linear-gradient(135deg in oklch shorter hue, #c89e82 0%, #7da2b6 100%)` — ink #000000; worst-case contrast white 2.42:1, black 7.70:1 AA
- **--brand-gradient-button:** `linear-gradient(180deg in oklch shorter hue, #ff8f25 0%, #ee7500 100%)` — ink #000000; hover `linear-gradient(180deg in oklch shorter hue, #ff9f50 0%, #f87f00 100%)`; active `linear-gradient(180deg in oklch shorter hue, #ff8510 0%, #e36c00 100%)`

## Logos

### primary
- **Formats:**
  - `svg`: https://elastic-global-nav-assets.s3.us-west-2.amazonaws.com/logo-uol.svg
- **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

### favicon
- **Formats:**
  - `png`: https://www.elastic.co/apple-touch-icon.png
- **Allowed backgrounds:** any

## 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/elastic-co/tokens.json
- Tokens (CSS): /b/elastic-co/brand.css
- This document: /b/elastic-co/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/elastic-co/mcp
- Agent integration guide: /agents.md