{
  "id": "snapchat",
  "version": "1.0.0",
  "name": "Snapchat",
  "description": "Snapchat is the multimedia messaging, camera-first social network, and AR-lens platform built by Snap Inc., used by hundreds of millions of daily users to send ephemeral photo / video \"Snaps,\" AR-filtered stories, and direct messages. The brand voice is playful, immediate, and youth-forward — \"the camera company.\" Visually, Snapchat is anchored on Snapchat Yellow (#FFFC00), the saturated near-fluorescent yellow that fills the entire ghost- mark canvas, the launch splash screen, and the primary CTA across the app and snap.com marketing surfaces. Snapchat is yellow-first by canonical identity: the brand block IS the yellow canvas with the black-outlined ghost mark, distinct from most light/dark-first identities — the yellow surface is the brand surface.\n",
  "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"
  },
  "tags": [
    "snapchat",
    "snap",
    "social",
    "yellow",
    "communications",
    "mobile-first",
    "camera",
    "ar"
  ],
  "palette": {
    "ref": "snapchat@1.0.0",
    "swatches": [
      {
        "id": "snapchat-yellow",
        "name": "Snapchat Yellow",
        "value": "#FFFC00",
        "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",
        "aliases": []
      },
      {
        "id": "snapchat-yellow-dark",
        "name": "Snapchat Yellow Dark",
        "value": "#FCF000",
        "description": "Slightly deeper brand yellow — used as the pressed / active variant of the primary CTA on the brand-guidelines surface.\n",
        "aliases": []
      },
      {
        "id": "snapchat-yellow-warm",
        "name": "Snapchat Yellow Warm",
        "value": "#FFD301",
        "description": "Warm yellow — used in marketing illustration and secondary accents.",
        "aliases": []
      },
      {
        "id": "snapchat-yellow-pale",
        "name": "Snapchat Yellow Pale",
        "value": "#FEFF85",
        "description": "Pale yellow tint — used as a hover wash on yellow surfaces.",
        "aliases": []
      },
      {
        "id": "snapchat-black",
        "name": "Snap Black",
        "value": "#000000",
        "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",
        "aliases": []
      },
      {
        "id": "snapchat-white",
        "name": "Snap White",
        "value": "#FFFFFF",
        "description": "Pure white — surface fill on light marketing surfaces.",
        "aliases": []
      },
      {
        "id": "snapchat-blue",
        "name": "Snap Blue",
        "value": "#0096E5",
        "description": "Snap secondary blue — used in product-family iconography (Snap Lens, Spectacles).",
        "aliases": []
      },
      {
        "id": "snapchat-blue-light",
        "name": "Snap Blue Light",
        "value": "#049EEE",
        "description": "Lighter Snap blue — used in marketing illustration.",
        "aliases": []
      },
      {
        "id": "snapchat-blue-bright",
        "name": "Snap Blue Bright",
        "value": "#0EADFF",
        "description": "Bright Snap blue — used on hover states of blue surfaces.",
        "aliases": []
      },
      {
        "id": "snapchat-magenta",
        "name": "Snap Magenta",
        "value": "#8936B6",
        "description": "Snap secondary magenta — used in marketing illustration.",
        "aliases": []
      },
      {
        "id": "snapchat-magenta-light",
        "name": "Snap Magenta Light",
        "value": "#C195DE",
        "description": "Lighter Snap magenta accent.",
        "aliases": []
      },
      {
        "id": "snapchat-red",
        "name": "Snap Red",
        "value": "#E1143D",
        "description": "Snap secondary red — used on error / destructive affordances.",
        "aliases": []
      },
      {
        "id": "snapchat-red-deep",
        "name": "Snap Red Deep",
        "value": "#C50A33",
        "description": "Deeper Snap red — pressed state on red affordances.",
        "aliases": []
      },
      {
        "id": "snapchat-green",
        "name": "Snap Green",
        "value": "#00A179",
        "description": "Snap secondary green — used on success affordances.",
        "aliases": []
      },
      {
        "id": "snapchat-green-light",
        "name": "Snap Green Light",
        "value": "#00A881",
        "description": "Lighter Snap green accent.",
        "aliases": []
      },
      {
        "id": "snapchat-orange",
        "name": "Snap Orange",
        "value": "#E57200",
        "description": "Snap secondary orange — used in marketing illustration.",
        "aliases": []
      },
      {
        "id": "snapchat-orange-bright",
        "name": "Snap Orange Bright",
        "value": "#FF8A00",
        "description": "Brighter Snap orange — used on hover states.",
        "aliases": []
      },
      {
        "id": "snapchat-surface-light",
        "name": "Snap Surface Light",
        "value": "#F1F1F1",
        "description": "Light-mode elevated surface on the brand-guidelines marketing site.",
        "aliases": []
      },
      {
        "id": "snapchat-border-light",
        "name": "Snap Border Light",
        "value": "#D9D9D9",
        "description": "Quiet divider on the marketing-site surface.",
        "aliases": []
      },
      {
        "id": "snapchat-text-secondary",
        "name": "Snap Text Secondary",
        "value": "#595959",
        "description": "Secondary text on light-mode surfaces.",
        "aliases": []
      },
      {
        "id": "snapchat-canvas-dark",
        "name": "Snap Canvas Dark",
        "value": "#262626",
        "description": "Deep near-black — Snapchat's dark-mode chat/camera canvas tone, captured from the snap.com brand-guidelines dark stylesheet.\n",
        "aliases": []
      },
      {
        "id": "snapchat-surface-dark",
        "name": "Snap Surface Dark",
        "value": "#404040",
        "description": "Dark-mode elevated surface.",
        "aliases": []
      },
      {
        "id": "snapchat-text-on-dark",
        "name": "Snap Text on Dark",
        "value": "#FFFFFF",
        "description": "Primary text on the dark-mode canvas.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "snapchat-yellow",
          "surface": "snapchat-white",
          "surface-elevated": "snapchat-yellow-pale",
          "text-primary": "snapchat-black",
          "text-secondary": "snapchat-text-secondary",
          "text-tertiary": "snapchat-text-secondary",
          "primary": "snapchat-yellow",
          "primary-hover": "snapchat-yellow-dark",
          "accent": "snapchat-yellow",
          "accent-hover": "snapchat-yellow-dark",
          "warning": "snapchat-orange",
          "warning-hover": "snapchat-orange-bright",
          "error": "snapchat-red",
          "success": "snapchat-green",
          "border": "snapchat-border-light"
        }
      },
      "dark": {
        "roles": {
          "background": "snapchat-canvas-dark",
          "surface": "snapchat-surface-dark",
          "surface-elevated": "snapchat-surface-dark",
          "text-primary": "snapchat-text-on-dark",
          "text-secondary": "snapchat-border-light",
          "text-tertiary": "snapchat-text-secondary",
          "primary": "snapchat-yellow",
          "primary-hover": "snapchat-yellow-warm",
          "accent": "snapchat-yellow",
          "accent-hover": "snapchat-yellow-warm",
          "warning": "snapchat-orange-bright",
          "warning-hover": "snapchat-orange",
          "error": "snapchat-red",
          "success": "snapchat-green-light",
          "border": "snapchat-surface-dark"
        }
      }
    }
  },
  "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": "snapchat-yellow",
      "on-identity": "snapchat-black",
      "background": "snapchat-yellow",
      "surface": "snapchat-white",
      "surface-elevated": "snapchat-yellow-pale",
      "text-primary": "snapchat-black",
      "text-secondary": "snapchat-text-secondary",
      "primary": "snapchat-yellow",
      "primary-hover": "snapchat-yellow-dark",
      "accent": "snapchat-yellow",
      "accent-hover": "snapchat-yellow-dark",
      "mark": "snapchat-yellow",
      "success": "snapchat-green",
      "warning": "snapchat-orange",
      "error": "snapchat-red"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "wordmark": "heading",
      "code": "mono"
    }
  },
  "assets": [],
  "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
    }
  ]
}