{
  "id": "reddit",
  "version": "1.0.0",
  "name": "Reddit",
  "description": "Reddit is the network of communities — \"the front page of the internet\" — founded in 2005 and centered on user-submitted content, voting, and threaded discussion. The brand voice is irreverent, community-first, and unpolished by design. Visually, Reddit is anchored on Reddit Orange (#FF4500): a saturated red-orange that carries the Snoo alien mark, the Reddit wordmark, and the up-vote affordance that defines the platform. The brand surface is bi-modal — the historical light canvas reads orange on white, and the modern product surface defaults to the \"new Reddit\" near-black canvas (#1A1A1B) with the orange retained as the constant.\n",
  "provenance": {
    "source": "https://www.redditinc.com/brand",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Reddit, the Reddit logotype, and Snoo are registered trademarks of Reddit, Inc. The brand-orange value (#FF4500) is documented in Reddit's public brand kit at redditinc.com/brand and independently verified via the simple-icons brand database, which cites reddit.com as the source. The \"new Reddit\" dark canvas (#1A1A1B) is documented in Reddit's redesign brand assets and surfaced on the Reddit web product's dark theme.\n",
    "importedDate": "2026-05-18",
    "notes": "Reddit's identity is bi-modal: the light canvas is the historical canonical surface (orange on white, since 2005), while the modern mobile-app default and the user-selectable web dark mode render the orange on the published near-black canvas. The orange is the invariant; the canvas is the variable. The IBM Plex Sans reference is brand-atoms' read of Reddit's published typographic direction — Reddit has used Plex prominently in marketing since the 2023 brand evolution.\n"
  },
  "tags": [
    "social",
    "community",
    "reddit",
    "orange",
    "consumer-tech",
    "voting"
  ],
  "palette": {
    "ref": "reddit@1.0.0",
    "swatches": [
      {
        "id": "reddit-orange",
        "name": "Reddit Orange",
        "value": "#FF4500",
        "description": "Signature red-orange — the primary brand color. The Snoo mark, the Reddit wordmark, and the up-vote affordance all read in this hue. Verified hex from Reddit's brand kit and corroborated by the simple-icons brand database citing reddit.com.\n",
        "aliases": []
      },
      {
        "id": "reddit-orange-dark",
        "name": "Reddit Orange Dark",
        "value": "#CC3700",
        "description": "Authored darker orange for hover, pressed, and active states on the primary.",
        "aliases": []
      },
      {
        "id": "reddit-white",
        "name": "Reddit White",
        "value": "#FFFFFF",
        "description": "Canonical light canvas — the historical Reddit product surface.",
        "aliases": []
      },
      {
        "id": "reddit-near-white",
        "name": "Reddit Near-White",
        "value": "#F6F7F8",
        "description": "Authored panel surface on light mode — Reddit's listing rows on the web.",
        "aliases": []
      },
      {
        "id": "reddit-text-primary",
        "name": "Reddit Text Primary",
        "value": "#1A1A1B",
        "description": "Authored body text on light backgrounds.",
        "aliases": []
      },
      {
        "id": "reddit-text-secondary",
        "name": "Reddit Text Secondary",
        "value": "#7C7C7C",
        "description": "Authored secondary text on light backgrounds.",
        "aliases": []
      },
      {
        "id": "reddit-divider-light",
        "name": "Reddit Divider Light",
        "value": "#EDEFF1",
        "description": "Authored hairline divider on light canvas.",
        "aliases": []
      },
      {
        "id": "reddit-canvas-dark",
        "name": "Reddit Canvas Dark",
        "value": "#1A1A1B",
        "description": "The \"new Reddit\" dark canvas — documented in the Reddit redesign brand assets and surfaced on the Reddit web product's dark theme.\n",
        "aliases": []
      },
      {
        "id": "reddit-surface-dark",
        "name": "Reddit Surface Dark",
        "value": "#272729",
        "description": "Authored elevated surface on the dark canvas — rows, modal headers.",
        "aliases": []
      },
      {
        "id": "reddit-surface-elevated-dark",
        "name": "Reddit Surface Elevated Dark",
        "value": "#343536",
        "description": "Authored deepest-elevated surface on dark mode — popovers and tooltips.",
        "aliases": []
      },
      {
        "id": "reddit-text-on-dark",
        "name": "Reddit Text on Dark",
        "value": "#D7DADC",
        "description": "Primary text on the dark canvas — the off-white reading tone.",
        "aliases": []
      },
      {
        "id": "reddit-text-secondary-dark",
        "name": "Reddit Text Secondary Dark",
        "value": "#818384",
        "description": "Authored secondary text on the dark canvas.",
        "aliases": []
      },
      {
        "id": "reddit-divider-dark",
        "name": "Reddit Divider Dark",
        "value": "#343536",
        "description": "Authored hairline divider on dark canvas.",
        "aliases": []
      },
      {
        "id": "reddit-downvote-blue",
        "name": "Reddit Downvote Blue",
        "value": "#7193FF",
        "description": "The complementary blue used historically for the down-vote affordance on the Reddit product — the visual counterweight to the Orange up-vote.\n",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "reddit-white",
          "surface": "reddit-near-white",
          "surface-elevated": "reddit-white",
          "text-primary": "reddit-text-primary",
          "text-secondary": "reddit-text-secondary",
          "text-tertiary": "reddit-text-secondary",
          "primary": "reddit-orange",
          "primary-hover": "reddit-orange-dark",
          "accent": "reddit-orange",
          "accent-hover": "reddit-orange-dark",
          "warning": "reddit-orange",
          "warning-hover": "reddit-orange-dark",
          "error": "reddit-orange",
          "success": "reddit-orange"
        }
      },
      "dark": {
        "roles": {
          "background": "reddit-canvas-dark",
          "surface": "reddit-surface-dark",
          "surface-elevated": "reddit-surface-elevated-dark",
          "text-primary": "reddit-text-on-dark",
          "text-secondary": "reddit-text-secondary-dark",
          "text-tertiary": "reddit-text-secondary-dark",
          "primary": "reddit-orange",
          "primary-hover": "reddit-orange-dark",
          "accent": "reddit-orange",
          "accent-hover": "reddit-orange-dark",
          "warning": "reddit-orange",
          "warning-hover": "reddit-orange-dark",
          "error": "reddit-orange",
          "success": "reddit-orange"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "ibm-plex-sans@1.0.0",
      "family": "IBM Plex Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "IBM Plex Sans",
        "url": "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&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"
        }
      ]
    },
    {
      "role": "body",
      "ref": "ibm-plex-sans@1.0.0",
      "family": "IBM Plex Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "IBM Plex Sans",
        "url": "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&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"
        }
      ]
    },
    {
      "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": "reddit-orange",
      "on-identity": "reddit-white",
      "primary": "reddit-orange",
      "primary-hover": "reddit-orange-dark",
      "accent": "reddit-orange",
      "accent-hover": "reddit-orange-dark",
      "upvote": "reddit-orange",
      "downvote": "reddit-downvote-blue",
      "background-light": "reddit-white",
      "background-dark": "reddit-canvas-dark",
      "surface-light": "reddit-near-white",
      "surface-dark": "reddit-surface-dark",
      "surface-elevated-dark": "reddit-surface-elevated-dark",
      "text-primary-light": "reddit-text-primary",
      "text-primary-dark": "reddit-text-on-dark",
      "text-secondary-light": "reddit-text-secondary",
      "text-secondary-dark": "reddit-text-secondary-dark",
      "divider-light": "reddit-divider-light",
      "divider-dark": "reddit-divider-dark"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.mark",
      "severity": "error",
      "rationale": "The Snoo mark and Reddit wordmark render in Reddit Orange, white (on dark surfaces), or near-black (in monochrome contexts). The complementary downvote-blue is reserved for the down-vote affordance and never recolors the mark itself.\n",
      "allowed": [
        "reddit-orange",
        "reddit-white",
        "reddit-text-primary"
      ],
      "forbidden": [
        "any-non-brand-color",
        "reddit-downvote-blue"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Reddit's brand guidelines prescribe the Snoo mark and the wordmark in approved variants only. Recoloring, redrawing Snoo, or applying decorative effects violates the brand-use policy published at redditinc.com/brand.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "on-busy-photo",
        "inverted-without-variant",
        "snoo-redesign",
        "cropped"
      ]
    },
    {
      "type": "variantSelection",
      "target": "logo",
      "severity": "error",
      "rationale": "On the \"new Reddit\" dark canvas, Snoo renders in white or in the orange-on-dark variant. The orange-on-light variant must not be placed directly on the dark canvas without sufficient contrast against the surface.\n",
      "when": {
        "backgroundColorScheme": "dark"
      },
      "use": "snoo-white"
    },
    {
      "type": "variantSelection",
      "target": "logo",
      "severity": "error",
      "rationale": "On light surfaces, Snoo renders in Reddit Orange. The white variant is reserved for dark canvases.\n",
      "when": {
        "backgroundColorScheme": "light"
      },
      "use": "snoo-orange"
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "WCAG 2.1 Level AA contrast minimum for body text. Reddit's near-black text (#1A1A1B) on Reddit White clears AA comfortably; the dark-mode text tone (#D7DADC) on the near-black canvas also clears AA.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Reddit Orange (#FF4500) on white reads at ~3.3:1 — meeting WCAG AA at large-text size. CTA buttons and primary affordances must clear this threshold on light canvas; the orange clears AA-large on the dark canvas as well.\n",
      "against": "background",
      "minRatio": 3,
      "standard": "WCAG-AA-large"
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.identity",
      "severity": "error",
      "rationale": "Reddit's brand-use guidance restricts use of the Snoo mark and the Reddit wordmark in ways that imply official affiliation, on competing-product surfaces, or on third-party merchandise without explicit license. Use of the mark to impersonate a Reddit-sanctioned subreddit is similarly forbidden.\n",
      "forbiddenContexts": [
        "product-of-competitor",
        "merchandise",
        "endorsement-implication",
        "subreddit-impersonation"
      ]
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.identity",
      "severity": "recommendation",
      "rationale": "Reddit Orange is calibrated to read on both the historical white canvas and the new Reddit dark canvas. Pairing it with a third dominant chromatic value breaks the calibrated bi-modal composition.\n",
      "pairsWith": [
        "reddit-white",
        "reddit-canvas-dark",
        "reddit-text-primary"
      ]
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Reddit's display typography sits in the Medium (500), Semi-Bold (600), and Bold (700) band on the marketing surface and the product UI. Lighter cuts compromise the platform's confident community voice.\n",
      "allowed": [
        "500",
        "600",
        "700"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The bi-modal canvas requires contrast verification on both the light and dark surfaces; AA is the floor on either.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    }
  ]
}