{
  "$description": "Brand: Snapchat (snapchat@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette snapchat@1.0.0",
      "snapchat-yellow": {
        "$value": "#FFFC00",
        "$type": "color",
        "$description": "Signature Snapchat near-fluorescent yellow — the brand's primary color, used as the ghost-mark canvas, the splash- screen background, and the primary CTA across the Snapchat app and snap.com marketing surfaces.\n"
      },
      "snapchat-yellow-dark": {
        "$value": "#FCF000",
        "$type": "color",
        "$description": "Slightly deeper brand yellow — used as the pressed / active variant of the primary CTA on the brand-guidelines surface.\n"
      },
      "snapchat-yellow-warm": {
        "$value": "#FFD301",
        "$type": "color",
        "$description": "Warm yellow — used in marketing illustration and secondary accents."
      },
      "snapchat-yellow-pale": {
        "$value": "#FEFF85",
        "$type": "color",
        "$description": "Pale yellow tint — used as a hover wash on yellow surfaces."
      },
      "snapchat-black": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Pure black — used on the ghost-mark outline, the Snapchat wordmark, and as the primary text tone across the Snap Inc. brand surfaces.\n"
      },
      "snapchat-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Pure white — surface fill on light marketing surfaces."
      },
      "snapchat-blue": {
        "$value": "#0096E5",
        "$type": "color",
        "$description": "Snap secondary blue — used in product-family iconography (Snap Lens, Spectacles)."
      },
      "snapchat-blue-light": {
        "$value": "#049EEE",
        "$type": "color",
        "$description": "Lighter Snap blue — used in marketing illustration."
      },
      "snapchat-blue-bright": {
        "$value": "#0EADFF",
        "$type": "color",
        "$description": "Bright Snap blue — used on hover states of blue surfaces."
      },
      "snapchat-magenta": {
        "$value": "#8936B6",
        "$type": "color",
        "$description": "Snap secondary magenta — used in marketing illustration."
      },
      "snapchat-magenta-light": {
        "$value": "#C195DE",
        "$type": "color",
        "$description": "Lighter Snap magenta accent."
      },
      "snapchat-red": {
        "$value": "#E1143D",
        "$type": "color",
        "$description": "Snap secondary red — used on error / destructive affordances."
      },
      "snapchat-red-deep": {
        "$value": "#C50A33",
        "$type": "color",
        "$description": "Deeper Snap red — pressed state on red affordances."
      },
      "snapchat-green": {
        "$value": "#00A179",
        "$type": "color",
        "$description": "Snap secondary green — used on success affordances."
      },
      "snapchat-green-light": {
        "$value": "#00A881",
        "$type": "color",
        "$description": "Lighter Snap green accent."
      },
      "snapchat-orange": {
        "$value": "#E57200",
        "$type": "color",
        "$description": "Snap secondary orange — used in marketing illustration."
      },
      "snapchat-orange-bright": {
        "$value": "#FF8A00",
        "$type": "color",
        "$description": "Brighter Snap orange — used on hover states."
      },
      "snapchat-surface-light": {
        "$value": "#F1F1F1",
        "$type": "color",
        "$description": "Light-mode elevated surface on the brand-guidelines marketing site."
      },
      "snapchat-border-light": {
        "$value": "#D9D9D9",
        "$type": "color",
        "$description": "Quiet divider on the marketing-site surface."
      },
      "snapchat-text-secondary": {
        "$value": "#595959",
        "$type": "color",
        "$description": "Secondary text on light-mode surfaces."
      },
      "snapchat-canvas-dark": {
        "$value": "#262626",
        "$type": "color",
        "$description": "Deep near-black — Snapchat's dark-mode chat/camera canvas tone, captured from the snap.com brand-guidelines dark stylesheet.\n"
      },
      "snapchat-surface-dark": {
        "$value": "#404040",
        "$type": "color",
        "$description": "Dark-mode elevated surface."
      },
      "snapchat-text-on-dark": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Primary text on the dark-mode canvas."
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → Inter (inter@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"
        },
        "900": {
          "$value": 900,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "body": {
      "family": {
        "$value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → Inter (inter@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"
        },
        "900": {
          "$value": 900,
          "$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": "Snap Inc.'s brand-guidelines policy prescribes the ghost mark in its approved color treatments only: yellow canvas with the black-outlined ghost (the canonical product mark), black-on-white in monochrome reproductions, and white-on- black on the dark canvas. The supporting Snap product-family palette (blues, magentas, reds, greens, oranges) is reserved for product UI and marketing illustration and must not be used to recolor the ghost mark itself.\n",
        "allowed": [
          "snapchat-yellow",
          "snapchat-black",
          "snapchat-white"
        ],
        "forbidden": [
          "snapchat-yellow-warm",
          "snapchat-yellow-pale",
          "snapchat-blue",
          "snapchat-magenta",
          "snapchat-red",
          "snapchat-green",
          "snapchat-orange"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "Snap Inc.'s published brand guidelines (snap.com/brand- guidelines) prescribe the ghost mark in approved variants only. Redrawing the ghost silhouette, cropping the mark, applying decorative effects, combining the mark with a third-party logo, or selling unlicensed merchandise bearing the mark violates the brand-use policy.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "gradient-fill",
          "on-busy-photo",
          "ghost-redraw",
          "mark-cropped",
          "combined-with-other-logo",
          "merchandise-without-permission"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "WCAG 2.1 Level AA contrast minimum for body text. Snap Black (#000000) on Snapchat Yellow (#FFFC00) reads at roughly 20:1 — clears AA decisively. The yellow-first brand canvas makes contrast checks particularly load-bearing because white text on the yellow canvas falls below the AA floor; the rule enforces black-on-yellow as the canonical text/canvas pairing.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "variantSelection",
        "target": "logo",
        "severity": "error",
        "rationale": "On the Snap dark canvas (#262626) the ghost mark renders in white-on-black for legibility. The yellow-canvas ghost variant must not be placed on the dark surface where the yellow fills compete with the surrounding canvas.\n",
        "when": {
          "backgroundColorScheme": "dark"
        },
        "use": "ghost-white-on-black"
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.identity",
        "severity": "error",
        "rationale": "Snap Inc.'s brand-guidelines policy restricts use of the Snapchat ghost mark, the wordmark, and Snapchat Yellow in ways that imply official affiliation or Snap endorsement, on competing-app surfaces, or on unlicensed merchandise. Encoding the policy as a context restriction lets consumers reject impermissible placements.\n",
        "forbiddenContexts": [
          "product-of-competitor",
          "merchandise",
          "endorsement-implication",
          "sponsorship-implication",
          "app-impersonation"
        ]
      },
      {
        "type": "compositionConstraint",
        "target": "roles.colors.primary",
        "severity": "recommendation",
        "rationale": "Snapchat Yellow reads cleanest against pure black, pure white, or the deep near-black dark canvas. Pairing the signature yellow adjacent to the warm-yellow (#FFD301), pale-yellow (#FEFF85), or dark-yellow (#FCF000) tints collapses the calibrated saturation that makes the brand surface recognisable — the slight shifts read as a printing error or color-management drift rather than as an intentional palette.\n",
        "pairsWith": [
          "snapchat-black",
          "snapchat-white",
          "snapchat-canvas-dark"
        ],
        "doesNotPairWith": [
          "snapchat-yellow-warm",
          "snapchat-yellow-pale",
          "snapchat-yellow-dark"
        ]
      },
      {
        "type": "enumMembership",
        "target": "typography.heading.fontWeight",
        "severity": "warning",
        "rationale": "Avenir Next, Snap's licensed corporate typeface, ships across Ultra Light through Heavy. Snap's marketing display and product UI sit in the Regular (400), Medium (500), Bold (700), and Heavy (800) band — the four weights surfaced on the deployed snap.com brand-guidelines page. Lighter or heavier cuts drift from the brand's youth-forward, playful voice when rendered through the Inter substitute.\n",
        "allowed": [
          "400",
          "500",
          "700",
          "800"
        ]
      },
      {
        "type": "accessibilityRequirement",
        "target": "*",
        "severity": "error",
        "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The yellow-first brand canvas makes contrast checks particularly load-bearing: white-on-yellow falls below the AA floor, so every new role pairing introduced on Snap- skinned surfaces must be verified before deployment.\n",
        "standard": "WCAG-AA",
        "criterion": "1.4.3"
      },
      {
        "type": "fontPairing",
        "target": "typography.display",
        "severity": "warning",
        "rationale": "Snap's marketing display runs substantially larger than the prose copy on snap.com — the brand voice depends on the youth-forward, large-display posture. A 1.5× minimum size ratio between display and prose preserves the announcement-style hierarchy when Avenir Next reduces to the Inter substitute.\n",
        "requires": "prose",
        "minSizeRatio": 1.5
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://snap.com/en-US/brand-guidelines",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Snapchat and the Snapchat ghost logo are trademarks of Snap Inc. The Snap Inc. brand-guidelines portal at snap.com/brand-guidelines is the canonical brand-asset entry point; the full guidelines are distributed as the downloadable Snapchat_Web-Brand-Guidelines _September-2025.pdf. The signature Snapchat Yellow (#FFFC00) is documented in the simple-icons brand database (citing snap.com) and corroborated via the deployed snap.com/brand-guidelines CSS. The supporting Snap product-family palette (Snap Blue #0096E5, Magenta #8936B6, Red #E1143D, Green #00A179, Orange #E57200) was captured from the same deployed stylesheet.\n",
      "importedDate": "2026-05-18",
      "notes": "Derived from live site CSS at https://snap.com/brand-guidelines on 2026-05-18; the full Snap Inc. brand guidelines are distributed as a downloadable PDF and not surfaced in the page's visible HTML, so the deployed brand-guidelines-page CSS was the most direct grounded source for the supporting palette. Snap's proprietary brand typeface Program OT is declared on snap.com via @font-face but is not publicly distributed. Snap publishes Avenir Next as the licensed corporate typeface for marketing — also non-free. This atom references Inter@1 as the open-source rendering substitute for both faces. The Snap brand-asset policy expressly forbids redistribution of Snap marks, so `assets: []` is the correct posture for this catalog.\n"
    },
    "com.brand-atoms.references": {
      "palette": "snapchat@1.0.0",
      "fonts": {
        "heading": "inter@1.0.0",
        "body": "inter@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}