{
  "id": "doordash",
  "version": "1.0.0",
  "name": "DoorDash",
  "description": "DoorDash is the U.S.-anchored last-mile logistics platform — restaurant delivery, grocery, retail — founded in 2013. The brand identity centers on DoorDash Red (#FF3038), a warm, slightly orange-leaning red carried on the wordmark, the rolling-dot mark, and the primary CTA. The red reads against near-white canvases with deep neutral type. doordash.design is DoorDash's public design system. The voice is direct, friendly, and product-forward — the brand chrome stays out of the way of the marketplace it surfaces.\n",
  "provenance": {
    "source": "https://raw.githubusercontent.com/simple-icons/simple-icons/13.0.0/_data/simple-icons.json",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "DoorDash, Inc. — DoorDash and the DoorDash wordmark are trademarks of DoorDash, Inc. The signature red (#FF3038) is verified via the simple-icons brand database (v13.0.0). doordash.design is DoorDash's publicly available design-system surface and informs the role mappings here.\n",
    "importedDate": "2026-05-19",
    "notes": "DoorDash's marketing and product surfaces use bespoke typography that is not publicly distributed. This atom references Inter@1 as the open-source rendering substitute for the sans roles. Supporting neutral and functional swatches in the palette are authored complements faithful to doordash.design; see the palette atom notes.\n"
  },
  "tags": [
    "doordash",
    "delivery",
    "food",
    "brand",
    "red",
    "light-first"
  ],
  "palette": {
    "ref": "doordash@1.0.0",
    "swatches": [
      {
        "id": "doordash-red",
        "name": "DoorDash Red",
        "value": "#FF3038",
        "description": "DoorDash's signature brand red — the wordmark, mark, and primary CTA color.",
        "aliases": []
      },
      {
        "id": "doordash-red-pressed",
        "name": "DoorDash Red Pressed",
        "value": "#D9242B",
        "description": "Pressed / hover variant of DoorDash Red for interactive states.",
        "aliases": []
      },
      {
        "id": "doordash-ink",
        "name": "DoorDash Ink",
        "value": "#191919",
        "description": "Primary text color on light surfaces; canvas color in dark mode.",
        "aliases": []
      },
      {
        "id": "doordash-charcoal",
        "name": "DoorDash Charcoal",
        "value": "#2D2D2D",
        "description": "Elevated dark surface; secondary text on light.",
        "aliases": []
      },
      {
        "id": "doordash-graphite",
        "name": "DoorDash Graphite",
        "value": "#767676",
        "description": "Tertiary text and icon color.",
        "aliases": []
      },
      {
        "id": "doordash-mist",
        "name": "DoorDash Mist",
        "value": "#E3E3E3",
        "description": "Border and quiet divider on light canvas.",
        "aliases": []
      },
      {
        "id": "doordash-fog",
        "name": "DoorDash Fog",
        "value": "#F5F5F5",
        "description": "Subtle elevated surface on white.",
        "aliases": []
      },
      {
        "id": "doordash-white",
        "name": "DoorDash White",
        "value": "#FFFFFF",
        "description": "Primary canvas — DoorDash consumer surfaces default to white.",
        "aliases": []
      },
      {
        "id": "doordash-success",
        "name": "DoorDash Success",
        "value": "#1E874B",
        "description": "Functional success — order confirmation, delivery completion.",
        "aliases": []
      },
      {
        "id": "doordash-warning",
        "name": "DoorDash Warning",
        "value": "#E58A00",
        "description": "Functional warning — delay advisories, low stock.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "doordash-white",
          "surface": "doordash-fog",
          "surface-elevated": "doordash-white",
          "text-primary": "doordash-ink",
          "text-secondary": "doordash-charcoal",
          "text-tertiary": "doordash-graphite",
          "primary": "doordash-red",
          "primary-hover": "doordash-red-pressed",
          "accent": "doordash-red",
          "accent-hover": "doordash-red-pressed",
          "success": "doordash-success",
          "warning": "doordash-warning",
          "error": "doordash-red-pressed",
          "border": "doordash-mist"
        }
      },
      "dark": {
        "roles": {
          "background": "doordash-ink",
          "surface": "doordash-charcoal",
          "surface-elevated": "doordash-graphite",
          "text-primary": "doordash-white",
          "text-secondary": "doordash-mist",
          "text-tertiary": "doordash-graphite",
          "primary": "doordash-red",
          "primary-hover": "doordash-red-pressed",
          "accent": "doordash-red",
          "accent-hover": "doordash-red-pressed",
          "success": "doordash-success",
          "warning": "doordash-warning",
          "error": "doordash-red-pressed",
          "border": "doordash-charcoal"
        }
      }
    }
  },
  "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": "doordash-red",
      "on-identity": "doordash-white",
      "primary": "doordash-red",
      "primary-hover": "doordash-red-pressed",
      "accent": "doordash-red",
      "accent-hover": "doordash-red-pressed",
      "mark": "doordash-red",
      "success": "doordash-success",
      "warning": "doordash-warning",
      "error": "doordash-red-pressed",
      "background-light": "doordash-white",
      "background-dark": "doordash-ink",
      "surface-light": "doordash-fog",
      "surface-dark": "doordash-charcoal",
      "text-primary-light": "doordash-ink",
      "text-primary-dark": "doordash-white",
      "text-secondary-light": "doordash-charcoal",
      "text-tertiary-light": "doordash-graphite",
      "border-light": "doordash-mist"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.wordmark.fill",
      "severity": "error",
      "rationale": "The DoorDash wordmark renders in DoorDash Red on light surfaces, in white on dark surfaces, or in DoorDash Ink for monochrome applications. The pressed-red variant is an interactive-state value, not a wordmark fill. Functional warning / success hues must never substitute for the brand red.\n",
      "allowed": [
        "doordash-red",
        "doordash-white",
        "doordash-ink"
      ],
      "forbidden": [
        "doordash-red-pressed",
        "doordash-warning",
        "doordash-success",
        "doordash-graphite"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "DoorDash's wordmark is flat in the signature red with generous clearspace. Gradients, shadows, and recolorings compromise the warm-red optical recognition the brand depends on across delivery surfaces, app icons, and driver-facing collateral.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "gradient-fill",
        "on-busy-photo",
        "placed-without-clearspace"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "DoorDash Ink (#191919) on DoorDash White (#FFFFFF) gives ~17:1 — well above the WCAG AA 4.5:1 floor for body text. The rule codifies the floor for new foreground/background pairings introduced on DoorDash surfaces.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "DoorDash Red on DoorDash White must clear 3:1 at large-text and UI-component sizes (WCAG AA-large) to keep the primary CTA perceptible. The warm red is comfortably above the floor against white but the rule encodes the expectation explicitly.\n",
      "against": "background",
      "minRatio": 3,
      "standard": "WCAG-AA-large"
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "DoorDash Red is reserved for the wordmark, the mark, and the primary call to action. Using it inside body copy or for subtle dividers dilutes the signature accent and weakens the visual hierarchy the brand voice depends on.\n",
      "forbiddenContexts": [
        "body-text",
        "secondary-link",
        "subtle-divider"
      ]
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "DoorDash's marketing headlines on doordash.com and doordash.design sit in the Medium (500) through Bold (700) band. Lighter weights compromise the direct, confident voice; heavier weights are not part of the standard kit.\n",
      "allowed": [
        "500",
        "600",
        "700"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. DoorDash surfaces are used by consumers, dashers, and merchants under varied conditions; AA is the floor for any text on any DoorDash surface.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.primary",
      "severity": "recommendation",
      "rationale": "DoorDash Red reads cleanest against the white canvas, the lightest fog neutral, or the deep ink dark canvas. Pairing it adjacent to the warning amber or the green success hue introduces a chromatic conflict that fights for attention without resolving into hierarchy.\n",
      "pairsWith": [
        "doordash-white",
        "doordash-fog",
        "doordash-ink"
      ],
      "doesNotPairWith": [
        "doordash-warning",
        "doordash-success"
      ]
    }
  ]
}