{
  "id": "datadog",
  "version": "1.0.0",
  "name": "Datadog",
  "description": "Datadog, Inc. is the cloud-monitoring and observability platform covering infrastructure metrics, APM tracing, log management, real-user monitoring, synthetic testing, and security monitoring. The brand identity is anchored on Datadog Purple (#632CA6) — the fill of the dog-paw mark — paired with a secondary Datadog Yellow accent and a deep near-black canvas that defines the Datadog application chrome. The voice is operator-direct and metric- forward: dashboards, alerts, and SLO compliance front and center, with a strong preference for live signal over marketing claim.\n",
  "provenance": {
    "source": "https://www.datadoghq.com/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Datadog and the Datadog logo are trademarks of Datadog, Inc. Brand colors and identity guidance documented here are derived from the visible style values on datadoghq.com, the Datadog application chrome, and the Datadog press kit (datadoghq.com/about/press-kit/).\n",
    "importedDate": "2026-05-18",
    "notes": "Brand-atoms' read of Datadog's publicly available brand surface and the visible application chrome. This file is not an official Datadog brand-guidelines document. The Datadog application is dark-first; the marketing site is light-first. Both modes are authored. No asset files are bundled; the dog-paw mark is trademarked.\n"
  },
  "tags": [
    "tech",
    "observability",
    "monitoring",
    "datadog",
    "devops",
    "dark-canvas"
  ],
  "palette": {
    "ref": "datadog@1.0.0",
    "swatches": [
      {
        "id": "datadog-purple",
        "name": "Datadog Purple",
        "value": "#632CA6",
        "description": "The Datadog signature purple — the fill of the dog-paw mark and the principal accent across datadoghq.com.\n",
        "aliases": []
      },
      {
        "id": "datadog-purple-dark",
        "name": "Datadog Purple Dark",
        "value": "#4B1F80",
        "description": "Pressed/active state for the primary CTA.",
        "aliases": []
      },
      {
        "id": "datadog-purple-light",
        "name": "Datadog Purple Light",
        "value": "#8E5DC9",
        "description": "Soft accent used on dark-canvas surfaces.",
        "aliases": []
      },
      {
        "id": "datadog-yellow",
        "name": "Datadog Yellow",
        "value": "#F8B400",
        "description": "Datadog secondary accent — used on the dog-paw mark detail and in marketing illustrations.\n",
        "aliases": []
      },
      {
        "id": "datadog-canvas",
        "name": "Datadog Canvas",
        "value": "#1B1F23",
        "description": "Datadog application canvas — the near-black chrome of the Datadog dashboard and the dark-mode marketing hero.\n",
        "aliases": []
      },
      {
        "id": "datadog-canvas-deep",
        "name": "Datadog Canvas Deep",
        "value": "#0E1114",
        "description": "Darkest canvas used as the page-level dark background.",
        "aliases": []
      },
      {
        "id": "datadog-ink",
        "name": "Datadog Ink",
        "value": "#1B2730",
        "description": "Primary text on light surfaces.",
        "aliases": []
      },
      {
        "id": "datadog-gray",
        "name": "Datadog Gray",
        "value": "#5E6A75",
        "description": "Secondary text and metadata.",
        "aliases": []
      },
      {
        "id": "datadog-gray-light",
        "name": "Datadog Gray Light",
        "value": "#8995A1",
        "description": "Tertiary text and disabled UI.",
        "aliases": []
      },
      {
        "id": "datadog-surface",
        "name": "Datadog Surface",
        "value": "#F3F4F6",
        "description": "Quiet surface — card backgrounds on the marketing site.",
        "aliases": []
      },
      {
        "id": "datadog-border",
        "name": "Datadog Border",
        "value": "#DCDFE3",
        "description": "Hairline borders and dividers.",
        "aliases": []
      },
      {
        "id": "datadog-white",
        "name": "Datadog White",
        "value": "#FFFFFF",
        "description": "Primary canvas on light surfaces.",
        "aliases": []
      },
      {
        "id": "datadog-success",
        "name": "Datadog Success",
        "value": "#3FAE2A",
        "description": "Healthy / passing-monitor state.",
        "aliases": []
      },
      {
        "id": "datadog-warning",
        "name": "Datadog Warning",
        "value": "#FFB400",
        "description": "Warning / degraded-state monitor.",
        "aliases": []
      },
      {
        "id": "datadog-error",
        "name": "Datadog Error",
        "value": "#D63B3B",
        "description": "Critical / alerting-monitor state.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "datadog-white",
          "surface": "datadog-surface",
          "surface-elevated": "datadog-white",
          "text-primary": "datadog-ink",
          "text-secondary": "datadog-gray",
          "text-tertiary": "datadog-gray-light",
          "primary": "datadog-purple",
          "primary-hover": "datadog-purple-dark",
          "accent": "datadog-yellow",
          "accent-hover": "datadog-purple-light",
          "warning": "datadog-warning",
          "warning-hover": "datadog-error",
          "error": "datadog-error",
          "success": "datadog-success",
          "border": "datadog-border"
        }
      },
      "dark": {
        "roles": {
          "background": "datadog-canvas-deep",
          "surface": "datadog-canvas",
          "surface-elevated": "datadog-purple-dark",
          "text-primary": "datadog-white",
          "text-secondary": "datadog-surface",
          "text-tertiary": "datadog-gray-light",
          "primary": "datadog-purple-light",
          "primary-hover": "datadog-purple",
          "accent": "datadog-yellow",
          "accent-hover": "datadog-purple-light",
          "warning": "datadog-warning",
          "warning-hover": "datadog-error",
          "error": "datadog-error",
          "success": "datadog-success",
          "border": "datadog-canvas"
        }
      }
    }
  },
  "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": "datadog-purple",
      "on-identity": "datadog-white",
      "primary": "datadog-purple",
      "primary-hover": "datadog-purple-dark",
      "accent": "datadog-yellow",
      "accent-hover": "datadog-purple-light",
      "background": "datadog-white",
      "surface": "datadog-surface",
      "surface-elevated": "datadog-white",
      "text-primary": "datadog-ink",
      "text-secondary": "datadog-gray",
      "text-tertiary": "datadog-gray-light",
      "chrome": "datadog-canvas",
      "chrome-deep": "datadog-canvas-deep",
      "mark": "datadog-purple"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.paw.fill",
      "severity": "error",
      "rationale": "The Datadog dog-paw mark renders in Datadog Purple (#632CA6) or reversed white. The hover/active variants and the secondary yellow accent are not valid mark fills — the yellow appears as an accessory detail (the \"eye\" inside the paw on the published variant) but does not stand in for the mark color.\n",
      "allowed": [
        "datadog-purple",
        "datadog-white"
      ],
      "forbidden": [
        "datadog-purple-dark",
        "datadog-purple-light",
        "datadog-yellow"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Datadog's brand guidelines explicitly prohibit altering the proportions, color, or orientation of the dog-paw mark. Gradient fills are not part of the published brand system, and the paw must not be detached from the wordmark on shared lockups.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "on-busy-photo",
        "paw-detached-from-wordmark",
        "gradient-fill"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "Datadog Ink (#1B2730) on Datadog White gives ~14:1 — well above WCAG 2.1 Level AA. The rule encodes the floor for any new foreground/background pairing on datadoghq.com.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Datadog Purple (#632CA6) on Datadog White gives ~8:1 — well above WCAG AA for body-sized text. The marketing site's purple link/button labels rely on this contrast.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.primary",
      "severity": "recommendation",
      "rationale": "The canonical Datadog composition is purple-on-canvas or purple-on-white, with the yellow accent as a brand-family pair. Combining Datadog Purple directly with the alert red reads as a status-color conflict on observability dashboards.\n",
      "pairsWith": [
        "datadog-white",
        "datadog-canvas",
        "datadog-canvas-deep",
        "datadog-yellow"
      ],
      "doesNotPairWith": [
        "datadog-error"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.accent",
      "severity": "error",
      "rationale": "Datadog Yellow is the secondary brand accent. The critical / alerting context is reserved for Datadog Error red, and the warning context is reserved for Datadog Warning amber. Substituting yellow for red on critical alerts breaks the monitoring-color contract.\n",
      "forbiddenContexts": [
        "error-state",
        "critical-alert"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Datadog's application is consumed by operators across long incident-response sessions; AA is the floor for dashboard-text legibility.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    },
    {
      "type": "fontPairing",
      "target": "typography.heading",
      "severity": "recommendation",
      "rationale": "Datadog's marketing surfaces use Inter for both heading and body, with a modest size differential consistent with the data-dense observability voice. A 1.4× floor preserves the display-to-prose distinction without overpowering dashboards.\n",
      "requires": "body",
      "minSizeRatio": 1.4
    }
  ]
}