{
  "id": "slack",
  "version": "1.0.0",
  "name": "Slack",
  "description": "Slack is a channel-based messaging and collaboration platform for modern work, owned by Salesforce since the 2021 acquisition. The brand voice is warm, conversational, and human — \"where work happens.\" Visually, the 2019 Pentagram-led rebrand replaced the earlier eleven-color identity with a tight four-color octothorpe mark anchored on Slack Aubergine, designed so the brand reads instantly against the white of competing desktop windows.\n",
  "provenance": {
    "source": "https://slack.com/media-kit",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Slack and the Slack mark are trademarks of Slack Technologies, LLC, a Salesforce company. brand-atoms reads only the publicly documented core palette and proprietary-font identity; licensed application of the Slack name and mark is governed by Slack's brand-use program at slack.com/media-kit and the Slack trademark guidelines.\n",
    "importedDate": "2026-05-17",
    "notes": "Slack Sans, Slack's proprietary corporate typeface, is referenced here as the canonical brand face. The fallbackStack on slack-sans@1 specifies Lato as the public-web fallback when the licensed file is not available.\n"
  },
  "tags": [
    "saas",
    "productivity",
    "slack",
    "salesforce",
    "messaging"
  ],
  "palette": {
    "ref": "slack@1.0.0",
    "swatches": [
      {
        "id": "aubergine",
        "name": "Slack Aubergine",
        "value": "#4A154B",
        "description": "Signature deep-purple corporate color. The institutional voice of the brand — used for the wordmark on light backgrounds, primary typographic blocks, and the brand's identity surfaces.\n",
        "aliases": []
      },
      {
        "id": "slack-green",
        "name": "Slack Green",
        "value": "#2EB67D",
        "description": "Top-right quadrant of the Slack mark. Success / positive accent.",
        "aliases": []
      },
      {
        "id": "slack-blue",
        "name": "Slack Blue",
        "value": "#36C5F0",
        "description": "Bottom-right quadrant of the Slack mark. Cool informational accent.",
        "aliases": []
      },
      {
        "id": "slack-yellow",
        "name": "Slack Yellow",
        "value": "#ECB22E",
        "description": "Bottom-left quadrant of the Slack mark. Warm attention / warning accent.",
        "aliases": []
      },
      {
        "id": "slack-red",
        "name": "Slack Red",
        "value": "#E01E5A",
        "description": "Top-left quadrant of the Slack mark. Hot pink-red used for errors and emphasis.",
        "aliases": []
      },
      {
        "id": "slack-white",
        "name": "Slack White",
        "value": "#FFFFFF",
        "description": "Page background on light surfaces; reversed wordmark fill on aubergine.",
        "aliases": []
      },
      {
        "id": "slack-black",
        "name": "Slack Black",
        "value": "#1D1C1D",
        "description": "Near-black body text on light backgrounds; canvas on dark surfaces.",
        "aliases": []
      },
      {
        "id": "slack-surface-light",
        "name": "Slack Surface Light",
        "value": "#F4F4F4",
        "description": "Subtle panel surface on light mode.",
        "aliases": []
      },
      {
        "id": "slack-surface-dark",
        "name": "Slack Surface Dark",
        "value": "#2C2D30",
        "description": "Elevated surface on dark mode (sidebar / channels surface).",
        "aliases": []
      },
      {
        "id": "slack-text-secondary",
        "name": "Slack Text Secondary",
        "value": "#616061",
        "description": "Secondary text on light backgrounds.",
        "aliases": []
      },
      {
        "id": "slack-text-tertiary",
        "name": "Slack Text Tertiary",
        "value": "#868686",
        "description": "Tertiary / muted text.",
        "aliases": []
      },
      {
        "id": "slack-text-on-dark-secondary",
        "name": "Slack Text Secondary (Dark)",
        "value": "#ABABAD",
        "description": "Secondary text on dark backgrounds.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "slack-white",
          "surface": "slack-surface-light",
          "surface-elevated": "slack-white",
          "text-primary": "slack-black",
          "text-secondary": "slack-text-secondary",
          "text-tertiary": "slack-text-tertiary",
          "primary": "aubergine",
          "primary-hover": "aubergine",
          "accent": "slack-green",
          "accent-hover": "slack-green",
          "warning": "slack-yellow",
          "warning-hover": "slack-yellow",
          "error": "slack-red",
          "success": "slack-green"
        }
      },
      "dark": {
        "roles": {
          "background": "aubergine",
          "surface": "slack-surface-dark",
          "surface-elevated": "slack-black",
          "text-primary": "slack-white",
          "text-secondary": "slack-text-on-dark-secondary",
          "text-tertiary": "slack-text-tertiary",
          "primary": "slack-blue",
          "primary-hover": "slack-blue",
          "accent": "slack-green",
          "accent-hover": "slack-green",
          "warning": "slack-yellow",
          "warning-hover": "slack-yellow",
          "error": "slack-red",
          "success": "slack-green"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "slack-sans@1.0.0",
      "family": "Slack Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Slack Sans",
        "notes": "Licensed font; no public CDN. Distributed by Slack Technologies to authorized brand-use partners. CSS @font-face declarations must reference internally hosted files.\n"
      },
      "fallbackStack": [
        "Lato",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "normal"
        }
      ]
    },
    {
      "role": "body",
      "ref": "slack-sans@1.0.0",
      "family": "Slack Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Slack Sans",
        "notes": "Licensed font; no public CDN. Distributed by Slack Technologies to authorized brand-use partners. CSS @font-face declarations must reference internally hosted files.\n"
      },
      "fallbackStack": [
        "Lato",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "normal"
        }
      ]
    },
    {
      "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": "aubergine",
      "on-identity": "slack-white",
      "primary": "aubergine",
      "primary-hover": "aubergine",
      "accent": "slack-green",
      "accent-hover": "slack-green",
      "accent-blue": "slack-blue",
      "accent-yellow": "slack-yellow",
      "accent-red": "slack-red",
      "success": "slack-green",
      "warning": "slack-yellow",
      "error": "slack-red",
      "background-light": "slack-white",
      "background-dark": "aubergine",
      "surface-light": "slack-surface-light",
      "surface-dark": "slack-surface-dark",
      "text-primary-light": "slack-black",
      "text-primary-dark": "slack-white"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.mark",
      "severity": "error",
      "rationale": "The four quadrant colors of the Slack mark and Aubergine are the only documented brand colors. Recoloring the mark into off-brand hues violates Slack's brand-use guidelines as published at slack.com/media-kit.\n",
      "allowed": [
        "aubergine",
        "slack-green",
        "slack-blue",
        "slack-yellow",
        "slack-red",
        "slack-white",
        "slack-black"
      ],
      "forbidden": [
        "any-non-brand-color"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Slack's media kit explicitly prohibits stretching, rotating, recoloring, applying effects to, or rearranging the quadrants of the Slack mark. The four-color octothorpe is a fixed composition.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "on-busy-photo",
        "inverted-without-variant",
        "cropped",
        "reordered-quadrants"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "WCAG 2.1 Level AA contrast minimum for body text. Slack Black (#1D1C1D) on Slack White (#FFFFFF) clears AA comfortably; Slack White on Aubergine (#4A154B) also clears AA.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "variantSelection",
      "target": "logo",
      "severity": "error",
      "rationale": "On dark surfaces (including the canonical Aubergine canvas), the light-on-dark wordmark variant is required for legibility. Do not invert the mark file on the fly.\n",
      "when": {
        "backgroundColorScheme": "dark"
      },
      "use": "logo-light-on-dark"
    },
    {
      "type": "variantSelection",
      "target": "logo",
      "severity": "error",
      "rationale": "On light surfaces, use the dark-on-light wordmark variant where the wordmark renders in Aubergine. Do not place the light-on-dark variant on white.\n",
      "when": {
        "backgroundColorScheme": "light"
      },
      "use": "logo-dark-on-light"
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.identity",
      "severity": "recommendation",
      "rationale": "Aubergine + Slack Yellow combinations fight without resolving; Aubergine pairs cleanly with white and with the green/blue quadrants. Reserve yellow for accents on a neutral canvas.\n",
      "pairsWith": [
        "slack-white",
        "slack-black"
      ],
      "doesNotPairWith": [
        "slack-yellow"
      ]
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Slack Sans is distributed with discrete weights Regular (400), Medium (500), Bold (700), and Black (900). Headings use 500 and above to maintain Slack's bold-typographic voice.\n",
      "allowed": [
        "500",
        "700",
        "900"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "logo.mark",
      "severity": "error",
      "rationale": "Slack's trademark guidelines forbid use of the mark in a way that implies endorsement, on third-party merchandise, or on competing-product surfaces without explicit license.\n",
      "forbiddenContexts": [
        "product-of-competitor",
        "merchandise",
        "endorsement-implication"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. All Slack-skinned interfaces must clear AA at minimum.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    }
  ]
}