# UEFA

> Generated by BrandSweets from the uefa-com BrandDoc (v2, schema 1). Do not edit by hand.

## Identity

**Tagline:** UEFA.com is the official site of UEFA, the Union of European Football Associations, and the governing body of football in Europe. UEFA works to promote, prot…

**Sector:** sports

**Domain:** uefa.com


UEFA.com is the official site of UEFA, the Union of European Football Associations, and the governing body of football in Europe. UEFA works to promote, protect and develop European football across its 55 member associations and organises some of the world’s most famous football competitions, including the UEFA Champions League, UEFA Women’s Champions League, the UEFA Europa League, UEFA EURO and many more. The site features the latest European football news, goals, an extensive archive of video and stats, as well as insights into how the organisation works, including information on financial fair play, how UEFA supports grassroots football and the UEFA HatTrick funding scheme.

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | Bright Cyan | `#00d9f7` | — | Primary brand color: CTAs, links, active states. |
| `secondary` | Deep Cyan | `#1a313c` | — | Secondary brand color. |
| `accent` | Blue | `#1e4fd0` | — | Accent: highlights and secondary emphasis. |
| `surface` | White | `#ffffff` | — | Page and card background. |
| `text` | Black | `#000000` | — | Body text on surface. |

### Scales

- **primary:** 50 `#eff9fa`, 100 `#d7f0f4`, 200 `#a3f4ff`, 300 `#6beeff`, 400 `#38e8ff`, 500 `#00d9f7`, 600 `#00c6e0`, 700 `#00a2b8`, 800 `#007e8f`, 900 `#08545e`, 950 `#05373d`
- **secondary:** 50 `#f3f6f7`, 100 `#e0e8eb`, 200 `#bfd8e3`, 300 `#97c0d3`, 400 `#74aac3`, 500 `#5497b6`, 600 `#43819d`, 700 `#376981`, 800 `#2b5264`, 900 `#1a313c`, 950 `#16252c`
- **accent:** 50 `#f1f3f9`, 100 `#dbe1f0`, 200 `#afc2f4`, 300 `#7e9ded`, 400 `#517be6`, 500 `#295de0`, 600 `#1e4fd0`, 700 `#173ea1`, 800 `#12307d`, 900 `#122554`, 950 `#0c1836`
- **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 `#000000`

## Typography

### Families

#### Manrope regular `manrope-regular`
- **Source:** custom
- **Weights:** 400 Regular, 600 Semibold, 700 Bold
- **Fallback stack:** `"Manrope regular", system-ui, sans-serif`
- **Licensing:** Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

### Role assignments

- **heading:** Manrope regular (`manrope-regular`)
- **body:** Manrope regular (`manrope-regular`)

### 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 oklab, #00d9f7 0%, #1a313c 100%)` — worst-case contrast white 1.71:1, black 1.55:1
- **--brand-gradient-hero:** `linear-gradient(135deg in oklab, #4f7d87 0%, #010101 100%)` — ink #ffffff; worst-case contrast white 4.55:1 AA, black 1.01:1
- **--brand-gradient-button:** `linear-gradient(180deg in oklch shorter hue, #2ee6ff 0%, #00ccea 100%)` — ink #000000; hover `linear-gradient(180deg in oklch shorter hue, #4cf0ff 0%, #00d6f4 100%)`; active `linear-gradient(180deg in oklch shorter hue, #12dcfa 0%, #00c2e0 100%)`

## Logos

### primary
- **Formats:**
  - `svg`: https://img.uefa.com/imgml/uefacom/elements/logos/competitions/dark/wucl.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

### mark
- **Formats:**
  - `svg` (32×32): https://iihdrqhzaupyssngtrja.supabase.co/storage/v1/object/public/brand-assets/workspaces/9fa09c23-9560-4b2e-87b6-eae0d28b47fe/brands/688112f1-8c32-46e9-bb80-57025fec512b/logos/mark-48099d8ffcd992ff.svg
- **Clearspace:** 0.5× logo-height — Default clearspace (auto-seeded from the primary; refine after review).
- **Min size:** 16px w (screen)
- **Allowed backgrounds:** any
- **Notes:** The primary logo is a standalone symbol; reused as the mark.

### mono
- **Formats:**
  - `svg` (32×32): https://iihdrqhzaupyssngtrja.supabase.co/storage/v1/object/public/brand-assets/workspaces/9fa09c23-9560-4b2e-87b6-eae0d28b47fe/brands/688112f1-8c32-46e9-bb80-57025fec512b/logos/mono-023d410ef14277ad.svg
- **Clearspace:** 1× logo-height — Default clearspace (auto-seeded from the primary; refine after review).
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** light, muted, any
- **Notes:** Derived from the primary logo (flattened to #000000). Auto-generated — review before use.

### inverse
- **Formats:**
  - `svg` (32×32): https://iihdrqhzaupyssngtrja.supabase.co/storage/v1/object/public/brand-assets/workspaces/9fa09c23-9560-4b2e-87b6-eae0d28b47fe/brands/688112f1-8c32-46e9-bb80-57025fec512b/logos/inverse-fd47f17bedabf298.svg
- **Clearspace:** 1× logo-height — Default clearspace (auto-seeded from the primary; refine after review).
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** dark, brand
- **Disallowed backgrounds:** light
- **Notes:** Derived from the primary logo (flattened to #ffffff). 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/uefa-com/tokens.json
- Tokens (CSS): /b/uefa-com/brand.css
- This document: /b/uefa-com/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/uefa-com/mcp
- Agent integration guide: /agents.md