{
  "id": "coinbase",
  "version": "1.0.0",
  "name": "Coinbase",
  "description": "Coinbase Global, Inc. is the U.S.-based publicly traded cryptocurrency exchange and the most recognizable retail-facing crypto brand. The identity, refreshed in 2021, is built around a single signature Coinbase Blue (#0052FF) on a clean light canvas — a deliberate posture of trust and clarity against the speculative volatility of the crypto category. The mark is a simple circular \"C,\" and the wordmark is rendered in a custom geometric sans (Coinbase Sans). The voice is rational, plain-spoken, and infrastructure-leaning rather than performative.\n",
  "provenance": {
    "source": "https://www.coinbase.com/en-de/press",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Coinbase Global, Inc. — Coinbase, the Coinbase wordmark, and the circular \"C\" mark are registered trademarks of Coinbase Global, Inc. The Coinbase Blue value (#0052FF) is documented across the Coinbase press kit and verified against the deployed Coinbase logomark SVG. Coinbase Sans is the proprietary corporate face; Inter is referenced here as the open-source fallback.\n",
    "importedDate": "2026-05-18",
    "notes": "Coinbase Sans (proprietary) is not publicly distributed. This atom references Inter for both heading and body roles and notes Coinbase Sans as the proprietary primary in provenance. The 2021 brand refresh dropped the prior multi-color secondary palette in favor of the single-blue identity captured here.\n"
  },
  "tags": [
    "fintech",
    "crypto",
    "coinbase",
    "exchange",
    "light-first",
    "trust"
  ],
  "palette": {
    "ref": "coinbase@1.0.0",
    "swatches": [
      {
        "id": "coinbase-blue",
        "name": "Coinbase Blue",
        "value": "#0052FF",
        "description": "Primary signature blue — the Coinbase wordmark, mark, and primary CTA color.",
        "aliases": []
      },
      {
        "id": "coinbase-blue-hover",
        "name": "Coinbase Blue Hover",
        "value": "#1652F0",
        "description": "Darker blue for hover/pressed states on the primary action.",
        "aliases": []
      },
      {
        "id": "coinbase-blue-deep",
        "name": "Coinbase Blue Deep",
        "value": "#001A66",
        "description": "Deep navy used for dark-mode canvas elements and emphasis text.",
        "aliases": []
      },
      {
        "id": "coinbase-forest",
        "name": "Coinbase Forest",
        "value": "#00633A",
        "description": "Forest green — secondary brand accent used for positive-state indicators (price up, gain).",
        "aliases": []
      },
      {
        "id": "coinbase-green",
        "name": "Coinbase Green",
        "value": "#05B169",
        "description": "Brighter green — buy/positive-state action color in the retail product.",
        "aliases": []
      },
      {
        "id": "coinbase-red",
        "name": "Coinbase Red",
        "value": "#CF202F",
        "description": "Sell/negative-state action color in the retail product.",
        "aliases": []
      },
      {
        "id": "coinbase-ink",
        "name": "Coinbase Ink",
        "value": "#0A0B0D",
        "description": "Near-black for body text on light surfaces.",
        "aliases": []
      },
      {
        "id": "coinbase-slate",
        "name": "Coinbase Slate",
        "value": "#5B616E",
        "description": "Secondary text on light backgrounds.",
        "aliases": []
      },
      {
        "id": "coinbase-gray",
        "name": "Coinbase Gray",
        "value": "#7C828C",
        "description": "Tertiary text and metadata.",
        "aliases": []
      },
      {
        "id": "coinbase-white",
        "name": "Coinbase White",
        "value": "#FFFFFF",
        "description": "Canonical light canvas.",
        "aliases": []
      },
      {
        "id": "coinbase-fog",
        "name": "Coinbase Fog",
        "value": "#F5F8FA",
        "description": "Authored surface tone for cards and panels on light backgrounds.",
        "aliases": []
      },
      {
        "id": "coinbase-divider",
        "name": "Coinbase Divider",
        "value": "#DDE1E6",
        "description": "Authored hairline divider tone.",
        "aliases": []
      },
      {
        "id": "coinbase-canvas-dark",
        "name": "Coinbase Canvas Dark",
        "value": "#0A0B0D",
        "description": "Dark-mode canvas for the retail product.",
        "aliases": []
      },
      {
        "id": "coinbase-surface-dark",
        "name": "Coinbase Surface Dark",
        "value": "#1E2025",
        "description": "Elevated surface on dark mode.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "coinbase-white",
          "surface": "coinbase-fog",
          "surface-elevated": "coinbase-white",
          "text-primary": "coinbase-ink",
          "text-secondary": "coinbase-slate",
          "text-tertiary": "coinbase-gray",
          "primary": "coinbase-blue",
          "primary-hover": "coinbase-blue-hover",
          "accent": "coinbase-blue",
          "accent-hover": "coinbase-blue-hover",
          "warning": "coinbase-red",
          "warning-hover": "coinbase-red",
          "error": "coinbase-red",
          "success": "coinbase-green"
        }
      },
      "dark": {
        "roles": {
          "background": "coinbase-canvas-dark",
          "surface": "coinbase-surface-dark",
          "surface-elevated": "coinbase-surface-dark",
          "text-primary": "coinbase-white",
          "text-secondary": "coinbase-gray",
          "text-tertiary": "coinbase-slate",
          "primary": "coinbase-blue",
          "primary-hover": "coinbase-blue-hover",
          "accent": "coinbase-blue",
          "accent-hover": "coinbase-blue-hover",
          "warning": "coinbase-red",
          "warning-hover": "coinbase-red",
          "error": "coinbase-red",
          "success": "coinbase-green"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "inter@1.0.0",
      "family": "Inter",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Inter",
        "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "role": "body",
      "ref": "inter@1.0.0",
      "family": "Inter",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Inter",
        "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "role": "mono",
      "ref": "jetbrainsmono-nerdfont@1.0.0",
      "family": "JetBrainsMono Nerd Font",
      "classification": "monospace",
      "source": {
        "kind": "external",
        "family": "JetBrainsMono Nerd Font",
        "notes": "Nerd-Font-patched build of JetBrains Mono. Not available via Google Fonts. Download woff2/ttf files from the Nerd Fonts GitHub release and self-host, or install system-wide for terminal/IDE use.\n"
      },
      "fallbackStack": [
        "JetBrains Mono",
        "Fira Code",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "monospace"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "coinbase-blue",
      "on-identity": "coinbase-white",
      "primary": "coinbase-blue",
      "primary-hover": "coinbase-blue-hover",
      "accent": "coinbase-blue",
      "accent-hover": "coinbase-blue-hover",
      "mark": "coinbase-blue",
      "success": "coinbase-green",
      "error": "coinbase-red",
      "warning": "coinbase-red",
      "text-primary-light": "coinbase-ink",
      "text-primary-dark": "coinbase-white",
      "text-secondary-light": "coinbase-slate",
      "background-light": "coinbase-white",
      "background-dark": "coinbase-canvas-dark",
      "surface-light": "coinbase-fog",
      "surface-dark": "coinbase-surface-dark",
      "divider": "coinbase-divider"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.mark",
      "severity": "error",
      "rationale": "The Coinbase circular \"C\" mark renders in Coinbase Blue on light, reversed white on dark, or monochrome ink for print. The hover and deep blues are interactive-state values; the greens and red are buy/sell semantic colors — none are acceptable mark fills.\n",
      "allowed": [
        "coinbase-blue",
        "coinbase-white",
        "coinbase-ink"
      ],
      "forbidden": [
        "coinbase-blue-hover",
        "coinbase-blue-deep",
        "coinbase-green",
        "coinbase-red",
        "coinbase-forest"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "The Coinbase mark's circular geometry depends on exact proportions and a flat solid fill. The 2021 brand refresh explicitly removed gradient and multi-color treatments; consumers MUST NOT reintroduce them.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "gradient-fill",
        "on-busy-photo",
        "inverted-without-variant"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "Coinbase Ink (#0A0B0D) on Coinbase White gives ~20:1 — well above WCAG 2.1 Level AA. This rule guards the floor for any new foreground/background pairing on Coinbase surfaces.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Coinbase Blue (#0052FF) on white reaches ~5.7:1 — clears AA for normal text. Buttons using the blue fill with white text exceed 6:1; this rule guards link usage so the brand interactive color stays AA-compliant against the canvas.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Coinbase Sans headlines on coinbase.com sit in the Medium (500), Semibold (600), and Bold (700) band. Lighter cuts compromise the confident, trust-leaning voice the brand depends on.\n",
      "allowed": [
        "500",
        "600",
        "700"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.success",
      "severity": "error",
      "rationale": "Coinbase Green carries specific semantic weight in the retail product — it indicates \"buy\" action and positive price movement. Using it for body text or generic links breaks the semantic separation between trading affordances and chrome.\n",
      "forbiddenContexts": [
        "body-text",
        "secondary-link"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.error",
      "severity": "error",
      "rationale": "Coinbase Red carries specific semantic weight in the retail product — it indicates \"sell\" action and negative price movement. Using it for body or links breaks the semantic separation between trading affordances and chrome.\n",
      "forbiddenContexts": [
        "body-text",
        "secondary-link"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Fintech surfaces handling consumer funds have elevated trust requirements; AA is the floor on any new role pairing.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    }
  ]
}