{
  "$description": "Brand: Reddit (reddit@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette reddit@1.0.0",
      "reddit-orange": {
        "$value": "#FF4500",
        "$type": "color",
        "$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"
      },
      "reddit-orange-dark": {
        "$value": "#CC3700",
        "$type": "color",
        "$description": "Authored darker orange for hover, pressed, and active states on the primary."
      },
      "reddit-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Canonical light canvas — the historical Reddit product surface."
      },
      "reddit-near-white": {
        "$value": "#F6F7F8",
        "$type": "color",
        "$description": "Authored panel surface on light mode — Reddit's listing rows on the web."
      },
      "reddit-text-primary": {
        "$value": "#1A1A1B",
        "$type": "color",
        "$description": "Authored body text on light backgrounds."
      },
      "reddit-text-secondary": {
        "$value": "#7C7C7C",
        "$type": "color",
        "$description": "Authored secondary text on light backgrounds."
      },
      "reddit-divider-light": {
        "$value": "#EDEFF1",
        "$type": "color",
        "$description": "Authored hairline divider on light canvas."
      },
      "reddit-canvas-dark": {
        "$value": "#1A1A1B",
        "$type": "color",
        "$description": "The \"new Reddit\" dark canvas — documented in the Reddit redesign brand assets and surfaced on the Reddit web product's dark theme.\n"
      },
      "reddit-surface-dark": {
        "$value": "#272729",
        "$type": "color",
        "$description": "Authored elevated surface on the dark canvas — rows, modal headers."
      },
      "reddit-surface-elevated-dark": {
        "$value": "#343536",
        "$type": "color",
        "$description": "Authored deepest-elevated surface on dark mode — popovers and tooltips."
      },
      "reddit-text-on-dark": {
        "$value": "#D7DADC",
        "$type": "color",
        "$description": "Primary text on the dark canvas — the off-white reading tone."
      },
      "reddit-text-secondary-dark": {
        "$value": "#818384",
        "$type": "color",
        "$description": "Authored secondary text on the dark canvas."
      },
      "reddit-divider-dark": {
        "$value": "#343536",
        "$type": "color",
        "$description": "Authored hairline divider on dark canvas."
      },
      "reddit-downvote-blue": {
        "$value": "#7193FF",
        "$type": "color",
        "$description": "The complementary blue used historically for the down-vote affordance on the Reddit product — the visual counterweight to the Orange up-vote.\n"
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "IBM Plex Sans",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → IBM Plex Sans (ibm-plex-sans@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "body": {
      "family": {
        "$value": [
          "IBM Plex Sans",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → IBM Plex Sans (ibm-plex-sans@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "mono": {
      "family": {
        "$value": [
          "JetBrainsMono Nerd Font",
          "JetBrains Mono",
          "Fira Code",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "$type": "fontFamily",
        "$description": "mono role → JetBrainsMono Nerd Font (jetbrainsmono-nerdfont@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    }
  },
  "$extensions": {
    "com.brand-atoms.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"
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.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"
    },
    "com.brand-atoms.references": {
      "palette": "reddit@1.0.0",
      "fonts": {
        "heading": "ibm-plex-sans@1.0.0",
        "body": "ibm-plex-sans@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}