# Coinbase

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

## Identity

**Tagline:** The easiest place to buy, sell, and manage crypto.

**Mission:** Increase economic freedom in the world.

**Sector:** financial services / cryptocurrency

**Audience:** everyone from first-time buyers to institutions entering crypto

**Founded:** 2012

**Domain:** coinbase.com

**Guidelines:** https://www.coinbase.com/brand-assets


Coinbase is building the cryptoeconomy — a more fair, accessible, efficient, and transparent financial system enabled by crypto. The brand mirrors that ambition: calm, confident, and unmistakably trustworthy, built on a single Coinbase Blue, clean geometric type, and a reductive circular mark.

### Values

- **Clear communication** — Say the true thing plainly; trust is earned in the details.
- **Efficient execution** — Move quickly and deliberately, in the product and the brand.
- **Positive energy** — Optimism about a more open financial system.

## Voice

**Tone:** clear, confident, trustworthy, optimistic

### Do

- Explain crypto in plain language anyone can follow
- Be transparent — no hidden asterisks or hype
- Lead with what the person can do, safely
- Keep it calm and reassuring

### Don't

- Never overpromise returns or use hype
- Avoid impenetrable crypto jargon without explanation
- Don't be flippant about money or risk

### Sample copy

- **button** _(cta)_: "Get started" — `cta-button`
- **portfolio empty state** _(empty-state)_: "Your portfolio is empty. Buy your first crypto in minutes." — `empty-state`
- **hero headline** _(headline)_: "The easiest place to buy and sell crypto." — `hero-headline`
- **price alert** _(notification)_: "Bitcoin is up 4% today. Check your portfolio." — `notification`

### Vocabulary

- **Preferred:** crypto, portfolio, wallet, buy, manage
- **Avoided:** moon, to the moon, guaranteed returns, get rich
- **Coinbase:** Always capitalized; one word.
- **Coinbase Blue:** The single brand blue (#0052FF).
- **Wallet:** Capitalized when naming the Coinbase Wallet product.

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | Coinbase Blue | `#0052ff` | — | The one brand blue — primary CTAs, links, the circular mark. |
| `surface` | White | `#ffffff` | `#0a0b0d` | Clean white canvas; dark mode uses the near-black off-black. |
| `text` | Off Black | `#0a0b0d` | `#ffffff` | Body and heading text on white; near-white on the dark canvas. |
| `success` | Green | `#098551` | — | Gains, positive price movement, confirmations. |
| `danger` | Red | `#cf202f` | — | Losses, negative price movement, destructive actions. |

### Scales

- **primary:** 50 `#e6efff`, 100 `#ccdfff`, 200 `#99bfff`, 300 `#669fff`, 400 `#337fff`, 500 `#0052ff`, 600 `#0043d1`, 700 `#0035a4`, 800 `#002a82`, 900 `#00236b`, 950 `#00133b`
- **surface:** 50 `#ffffff`, 100 `#f5f8ff`, 200 `#eaeef5`, 300 `#d5dbe5`, 400 `#a9b1c1`, 500 `#7c8698`, 600 `#5b6472`, 700 `#414855`, 800 `#2a2f38`, 900 `#181b21`, 950 `#0a0b0d`
- **text:** 50 `#f4f5f7`, 100 `#e3e5e9`, 200 `#c4c8d0`, 300 `#9aa0ad`, 400 `#6b7280`, 500 `#4d535f`, 600 `#393e48`, 700 `#2a2e36`, 800 `#1a1d22`, 900 `#101216`, 950 `#0a0b0d`
- **success:** 50 `#e6f6ee`, 100 `#c2ead6`, 200 `#8bd6b1`, 300 `#4fbf89`, 400 `#1fa96a`, 500 `#0e935a`, 600 `#098551`, 700 `#076a41`, 800 `#065334`, 900 `#05442b`, 950 `#022618`
- **danger:** 50 `#fcebec`, 100 `#f8cccf`, 200 `#f09aa0`, 300 `#e76871`, 400 `#e0424d`, 500 `#d62936`, 600 `#cf202f`, 700 `#a41925`, 800 `#82141d`, 900 `#6b1119`, 950 `#3c090e`

## Typography

### Families

#### Coinbase Display `coinbase-display`
- **Source:** commissioned
- **Foundry:** Coinbase (with MCKL)
- **Weights:** 400 Regular, 500 Medium, 700 Bold
- **Fallback stack:** `"Coinbase Display", "Helvetica Neue", Arial, sans-serif`
- **Licensing:** Coinbase Display is a commissioned typeface owned by Coinbase. Reference by name only; never rehost the binaries.
- **Usage:** Display face for headlines and large marketing type.

#### Coinbase Mono `coinbase-mono`
- **Source:** commissioned
- **Foundry:** Coinbase (with MCKL)
- **Weights:** 400 Regular
- **Fallback stack:** `"Coinbase Mono", SFMono-Regular, Menlo, monospace`
- **Licensing:** Coinbase Mono is commissioned and owned by Coinbase; used for numeric/price data. Reference only.

#### Coinbase Sans `coinbase-sans`
- **Source:** commissioned
- **Foundry:** Coinbase (with MCKL)
- **Weights:** 400 Regular, 500 Medium, 600 Semibold
- **Fallback stack:** `"Coinbase Sans", "Helvetica Neue", Arial, sans-serif`
- **Licensing:** Coinbase Sans is a commissioned typeface owned by Coinbase. Reference by name only; never rehost the binaries.
- **Usage:** Text face for headings and body across product and marketing.

### Role assignments

- **display:** Coinbase Display (`coinbase-display`) — weights 400, 700
- **heading:** Coinbase Sans (`coinbase-sans`) — weights 500, 600
- **body:** Coinbase Sans (`coinbase-sans`) — weights 400, 500
- **mono:** Coinbase Mono (`coinbase-mono`)

### Scale

| Step | Size (rem) | Line height | Tracking (em) |
| --- | --- | --- | --- |
| xs | 0.75 | 1.5 | — |
| sm | 0.875 | 1.5 | — |
| base | 1 | 1.55 | — |
| lg | 1.25 | 1.4 | — |
| xl | 1.75 | 1.2 | — |
| display | 3 | 1.05 | -0.02 |

## Logos

### primary
- **Formats:**
  - `svg` (24×24): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20role%3D%22img%22%3E%3Ctitle%3ECoinbase%3C%2Ftitle%3E%3Cpath%20d%3D%22M4.844%2011.053c-.872%200-1.553.662-1.553%201.548s.664%201.542%201.553%201.542c.889%200%201.564-.667%201.564-1.547%200-.875-.664-1.543-1.564-1.543zm.006%202.452c-.497%200-.86-.386-.86-.904%200-.523.357-.909.854-.909.502%200%20.866.392.866.91%200%20.517-.364.903-.86.903zm1.749-1.778h.433v2.36h.693V11.11H6.599zm-5.052-.035c.364%200%20.653.224.762.558h.734c-.133-.713-.722-1.197-1.49-1.197-.872%200-1.553.662-1.553%201.548%200%20.887.664%201.543%201.553%201.543.75%200%201.351-.484%201.484-1.203h-.728a.78.78%200%2001-.756.564c-.502%200-.855-.386-.855-.904%200-.523.347-.909.85-.909zm18.215.622l-.508-.075c-.242-.035-.415-.115-.415-.305%200-.207.225-.31.53-.31.336%200%20.55.143.595.379h.67c-.075-.599-.537-.95-1.247-.95-.733%200-1.218.375-1.218.904%200%20.506.317.8.958.892l.508.075c.249.034.387.132.387.316%200%20.236-.242.334-.577.334-.41%200-.641-.167-.676-.42h-.681c.064.581.52.99%201.35.99.757%200%201.26-.346%201.26-.938%200-.53-.364-.806-.936-.892zM7.378%209.885a.429.429%200%2000-.444.437c0%20.254.19.438.444.438a.429.429%200%2000.445-.438.429.429%200%2000-.445-.437zm10.167%202.245c0-.645-.392-1.076-1.224-1.076-.785%200-1.224.397-1.31%201.007h.687c.035-.236.22-.432.612-.432.352%200%20.525.155.525.345%200%20.248-.317.311-.71.351-.531.058-1.19.242-1.19.933%200%20.535.4.88%201.034.88.497%200%20.809-.207.965-.535.023.293.242.483.548.483h.404v-.616h-.34v-1.34zm-.68.748c0%20.397-.347.69-.769.69-.26%200-.48-.11-.48-.34%200-.293.353-.373.676-.408.312-.028.485-.097.572-.23zm-3.679-1.825c-.386%200-.71.162-.94.432V9.856h-.693v4.23h.68v-.391c.232.282.56.449.953.449.832%200%201.461-.656%201.461-1.543%200-.886-.64-1.548-1.46-1.548zm-.103%202.452c-.497%200-.86-.386-.86-.904%200-.517.369-.909.865-.909.503%200%20.855.386.855.91%200%20.517-.364.903-.86.903zm-3.187-2.452c-.45%200-.745.184-.919.443v-.385H8.29v2.975h.693v-1.617c0-.455.289-.777.716-.777.398%200%20.647.282.647.69v1.704h.692v-1.755c0-.748-.386-1.278-1.142-1.278zM24%2012.503c0-.851-.624-1.45-1.46-1.45-.89%200-1.542.668-1.542%201.548%200%20.927.698%201.543%201.553%201.543.722%200%201.287-.426%201.432-1.03h-.722c-.104.264-.358.414-.699.414-.445%200-.78-.276-.854-.76H24v-.264zm-2.252-.23c.11-.414.422-.615.78-.615.392%200%20.693.224.762.615Z%22%20fill%3D%22%230052FF%22%2F%3E%3C%2Fsvg%3E
  - `png` (960×192): brands/coinbase/logo-primary@2x.png
- **Clearspace:** 1× cap-height — One cap-height of clear space on all sides.
- **Min size:** 96px w (screen)
- **Allowed backgrounds:** light, brand
- **Notes:** Official monochrome mark from simple-icons (CC0 / public domain). Source: https://www.coinbase.com/press

### mark
- **Symbol name:** The Coin
- **Formats:**
  - `svg` (96×96): brands/coinbase/mark.svg
- **Clearspace:** 0.5× mark-width
- **Min size:** 20px w (screen)
- **Allowed backgrounds:** any

### mono
- **Formats:**
  - `svg` (24×24): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20role%3D%22img%22%3E%3Ctitle%3ECoinbase%3C%2Ftitle%3E%3Cpath%20d%3D%22M4.844%2011.053c-.872%200-1.553.662-1.553%201.548s.664%201.542%201.553%201.542c.889%200%201.564-.667%201.564-1.547%200-.875-.664-1.543-1.564-1.543zm.006%202.452c-.497%200-.86-.386-.86-.904%200-.523.357-.909.854-.909.502%200%20.866.392.866.91%200%20.517-.364.903-.86.903zm1.749-1.778h.433v2.36h.693V11.11H6.599zm-5.052-.035c.364%200%20.653.224.762.558h.734c-.133-.713-.722-1.197-1.49-1.197-.872%200-1.553.662-1.553%201.548%200%20.887.664%201.543%201.553%201.543.75%200%201.351-.484%201.484-1.203h-.728a.78.78%200%2001-.756.564c-.502%200-.855-.386-.855-.904%200-.523.347-.909.85-.909zm18.215.622l-.508-.075c-.242-.035-.415-.115-.415-.305%200-.207.225-.31.53-.31.336%200%20.55.143.595.379h.67c-.075-.599-.537-.95-1.247-.95-.733%200-1.218.375-1.218.904%200%20.506.317.8.958.892l.508.075c.249.034.387.132.387.316%200%20.236-.242.334-.577.334-.41%200-.641-.167-.676-.42h-.681c.064.581.52.99%201.35.99.757%200%201.26-.346%201.26-.938%200-.53-.364-.806-.936-.892zM7.378%209.885a.429.429%200%2000-.444.437c0%20.254.19.438.444.438a.429.429%200%2000.445-.438.429.429%200%2000-.445-.437zm10.167%202.245c0-.645-.392-1.076-1.224-1.076-.785%200-1.224.397-1.31%201.007h.687c.035-.236.22-.432.612-.432.352%200%20.525.155.525.345%200%20.248-.317.311-.71.351-.531.058-1.19.242-1.19.933%200%20.535.4.88%201.034.88.497%200%20.809-.207.965-.535.023.293.242.483.548.483h.404v-.616h-.34v-1.34zm-.68.748c0%20.397-.347.69-.769.69-.26%200-.48-.11-.48-.34%200-.293.353-.373.676-.408.312-.028.485-.097.572-.23zm-3.679-1.825c-.386%200-.71.162-.94.432V9.856h-.693v4.23h.68v-.391c.232.282.56.449.953.449.832%200%201.461-.656%201.461-1.543%200-.886-.64-1.548-1.46-1.548zm-.103%202.452c-.497%200-.86-.386-.86-.904%200-.517.369-.909.865-.909.503%200%20.855.386.855.91%200%20.517-.364.903-.86.903zm-3.187-2.452c-.45%200-.745.184-.919.443v-.385H8.29v2.975h.693v-1.617c0-.455.289-.777.716-.777.398%200%20.647.282.647.69v1.704h.692v-1.755c0-.748-.386-1.278-1.142-1.278zM24%2012.503c0-.851-.624-1.45-1.46-1.45-.89%200-1.542.668-1.542%201.548%200%20.927.698%201.543%201.553%201.543.722%200%201.287-.426%201.432-1.03h-.722c-.104.264-.358.414-.699.414-.445%200-.78-.276-.854-.76H24v-.264zm-2.252-.23c.11-.414.422-.615.78-.615.392%200%20.693.224.762.615Z%22%20fill%3D%22%23111111%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:** light, muted
- **Disallowed backgrounds:** dark
- **Notes:** Official monochrome mark from simple-icons (CC0 / public domain). Source: https://www.coinbase.com/press

### inverse
- **Formats:**
  - `svg` (480×96): brands/coinbase/logo-inverse.svg
- **Clearspace:** 1× cap-height
- **Min size:** 96px w (screen)
- **Allowed backgrounds:** dark, brand

### favicon
- **Formats:**
  - `svg` (32×32): brands/coinbase/favicon.svg
  - `ico` (32×32): brands/coinbase/favicon.ico
- **Allowed backgrounds:** any

## Usage Rules

- **[MUST] Meet WCAG AA for text** (accessibility) — Off-Black on white clears AA comfortably; keep blue for fills and large type. `contrast-aa`
- **[MUST] Respect logo clear space** (logo) — Keep at least one cap-height of clear space around the wordmark. `logo-clearspace`
- **[MUST] One confident blue** (color) — Coinbase Blue (#0052FF) is the single brand color. Don't introduce competing accent hues. `one-blue`
- **[SHOULD] Explain in plain language** (voice) — Make crypto approachable. Define jargon; never hype returns. `voice-plain`

## Boards

- **Coinbase — Brand** — `cover` (`board-cover`)
- **Logo** — `logo-suite` (`board-logos`)
- **Color** — `color-system` (`board-colors`)
- **Typography** — `type-specimen` (`board-type`)
- **Voice** — `voice` (`board-voice`)
- **Components** — `ui-preview` (`board-ui`)

## Resources

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