{
  "id": "pinterest",
  "version": "1.0.0",
  "name": "Pinterest",
  "description": "Pinterest is the visual-discovery platform — a place to find ideas for cooking, style, home, travel, and projects. Founded in 2010, Pinterest's brand voice is warm, optimistic, and inspiration-first. Visually, the identity is anchored on Pinterest Red (#E60023) — the saturated red that has carried the Pinterest \"P\" mark since the company's founding. The supporting system is intentionally recessive: white canvas, near-black text, and a tight set of UI grays let the user's pinned imagery — the actual content — carry the visual weight of every surface.\n",
  "provenance": {
    "source": "https://newsroom.pinterest.com/en/brand-guidelines",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Pinterest, the Pinterest \"P\" mark, and the Pinterest wordmark are registered trademarks of Pinterest, Inc. Pinterest Red (#E60023) is documented across Pinterest's brand guidelines on the Pinterest newsroom and independently verified via the simple-icons brand database, which cites pinterest.com as the source. Pinterest Sans is Pinterest's proprietary corporate typeface and is referenced here with a public-web fallback to Inter when the licensed file is unavailable.\n",
    "importedDate": "2026-05-18",
    "notes": "Pinterest's brand voice intentionally recedes behind the user's pins: a tight palette of one red, one white, one near-black, and a handful of UI grays is the entire brand surface. The dark-mode role mapping is an authored inversion supporting Pinterest's user-selectable dark theme; the canonical brand canvas remains light-first.\n"
  },
  "tags": [
    "social",
    "discovery",
    "pinterest",
    "red",
    "light-first",
    "consumer-tech"
  ],
  "palette": {
    "ref": "pinterest@1.0.0",
    "swatches": [
      {
        "id": "pinterest-red",
        "name": "Pinterest Red",
        "value": "#E60023",
        "description": "Signature red — the primary brand color. The Pinterest \"P\" mark, the wordmark, and the \"Save\" pin CTA all render in this hue. Verified hex from Pinterest's brand guidelines and corroborated by the simple-icons brand database citing pinterest.com.\n",
        "aliases": []
      },
      {
        "id": "pinterest-red-dark",
        "name": "Pinterest Red Dark",
        "value": "#AD081B",
        "description": "Authored darker red for hover, pressed, and active states on the primary CTA.",
        "aliases": []
      },
      {
        "id": "pinterest-white",
        "name": "Pinterest White",
        "value": "#FFFFFF",
        "description": "Canonical light canvas — the Pinterest product surface.",
        "aliases": []
      },
      {
        "id": "pinterest-near-white",
        "name": "Pinterest Near-White",
        "value": "#F9F9F9",
        "description": "Authored panel surface on light mode — pin-card backgrounds.",
        "aliases": []
      },
      {
        "id": "pinterest-text-primary",
        "name": "Pinterest Text Primary",
        "value": "#111111",
        "description": "Authored body text and headline color on light backgrounds.",
        "aliases": []
      },
      {
        "id": "pinterest-text-secondary",
        "name": "Pinterest Text Secondary",
        "value": "#5F5F5F",
        "description": "Authored secondary text on light backgrounds.",
        "aliases": []
      },
      {
        "id": "pinterest-text-tertiary",
        "name": "Pinterest Text Tertiary",
        "value": "#767676",
        "description": "Authored tertiary / muted text on light backgrounds.",
        "aliases": []
      },
      {
        "id": "pinterest-divider-light",
        "name": "Pinterest Divider Light",
        "value": "#EFEFEF",
        "description": "Authored hairline divider on the light canvas.",
        "aliases": []
      },
      {
        "id": "pinterest-canvas-dark",
        "name": "Pinterest Canvas Dark",
        "value": "#111111",
        "description": "Authored dark-mode canvas for Pinterest's product dark theme.",
        "aliases": []
      },
      {
        "id": "pinterest-surface-dark",
        "name": "Pinterest Surface Dark",
        "value": "#1F1F1F",
        "description": "Authored elevated surface on the dark canvas.",
        "aliases": []
      },
      {
        "id": "pinterest-surface-elevated-dark",
        "name": "Pinterest Surface Elevated Dark",
        "value": "#2A2A2A",
        "description": "Authored deepest-elevated surface on dark mode.",
        "aliases": []
      },
      {
        "id": "pinterest-text-on-dark",
        "name": "Pinterest Text on Dark",
        "value": "#E9E9E9",
        "description": "Primary text on the dark canvas.",
        "aliases": []
      },
      {
        "id": "pinterest-text-secondary-dark",
        "name": "Pinterest Text Secondary on Dark",
        "value": "#B0B0B0",
        "description": "Authored secondary text on the dark canvas.",
        "aliases": []
      },
      {
        "id": "pinterest-green",
        "name": "Pinterest Green",
        "value": "#0FA573",
        "description": "Authored success accent for status affordances.",
        "aliases": []
      },
      {
        "id": "pinterest-yellow",
        "name": "Pinterest Yellow",
        "value": "#E8B021",
        "description": "Authored warning / highlight accent.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "pinterest-white",
          "surface": "pinterest-near-white",
          "surface-elevated": "pinterest-white",
          "text-primary": "pinterest-text-primary",
          "text-secondary": "pinterest-text-secondary",
          "text-tertiary": "pinterest-text-tertiary",
          "primary": "pinterest-red",
          "primary-hover": "pinterest-red-dark",
          "accent": "pinterest-red",
          "accent-hover": "pinterest-red-dark",
          "warning": "pinterest-yellow",
          "warning-hover": "pinterest-yellow",
          "error": "pinterest-red",
          "success": "pinterest-green"
        }
      },
      "dark": {
        "roles": {
          "background": "pinterest-canvas-dark",
          "surface": "pinterest-surface-dark",
          "surface-elevated": "pinterest-surface-elevated-dark",
          "text-primary": "pinterest-text-on-dark",
          "text-secondary": "pinterest-text-secondary-dark",
          "text-tertiary": "pinterest-text-secondary-dark",
          "primary": "pinterest-red",
          "primary-hover": "pinterest-red-dark",
          "accent": "pinterest-red",
          "accent-hover": "pinterest-red-dark",
          "warning": "pinterest-yellow",
          "warning-hover": "pinterest-yellow",
          "error": "pinterest-red",
          "success": "pinterest-green"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "pinterest-sans@1.0.0",
      "family": "Pinterest Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Pinterest Sans",
        "notes": "Licensed font; no public CDN. Distributed by Pinterest, Inc. to authorized brand-use partners. CSS @font-face declarations must reference internally hosted files under Pinterest's licensing.\n"
      },
      "fallbackStack": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "normal"
        }
      ]
    },
    {
      "role": "body",
      "ref": "pinterest-sans@1.0.0",
      "family": "Pinterest Sans",
      "classification": "sans-serif",
      "source": {
        "kind": "external",
        "family": "Pinterest Sans",
        "notes": "Licensed font; no public CDN. Distributed by Pinterest, Inc. to authorized brand-use partners. CSS @font-face declarations must reference internally hosted files under Pinterest's licensing.\n"
      },
      "fallbackStack": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 800,
          "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": "pinterest-red",
      "on-identity": "pinterest-white",
      "primary": "pinterest-red",
      "primary-hover": "pinterest-red-dark",
      "accent": "pinterest-red",
      "accent-hover": "pinterest-red-dark",
      "success": "pinterest-green",
      "warning": "pinterest-yellow",
      "error": "pinterest-red",
      "background-light": "pinterest-white",
      "background-dark": "pinterest-canvas-dark",
      "surface-light": "pinterest-near-white",
      "surface-dark": "pinterest-surface-dark",
      "surface-elevated-dark": "pinterest-surface-elevated-dark",
      "text-primary-light": "pinterest-text-primary",
      "text-primary-dark": "pinterest-text-on-dark",
      "text-secondary-light": "pinterest-text-secondary",
      "text-secondary-dark": "pinterest-text-secondary-dark",
      "divider": "pinterest-divider-light"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "logo.mark",
      "severity": "error",
      "rationale": "The Pinterest \"P\" mark and wordmark render in Pinterest Red, white (on dark surfaces), or near-black (in monochrome contexts). The status accents (yellow, green) are reserved for product affordances and never recolor the mark.\n",
      "allowed": [
        "pinterest-red",
        "pinterest-white",
        "pinterest-text-primary"
      ],
      "forbidden": [
        "any-non-brand-color",
        "pinterest-yellow",
        "pinterest-green"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Pinterest's brand guidelines prescribe the \"P\" mark and wordmark in approved variants only. Recoloring, redrawing, or applying decorative effects violates the brand-use policy published at newsroom.pinterest.com.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "on-busy-photo",
        "inverted-without-variant",
        "cropped",
        "p-redrawn"
      ]
    },
    {
      "type": "variantSelection",
      "target": "logo",
      "severity": "error",
      "rationale": "On dark surfaces, the \"P\" mark renders in white for legibility. Pinterest Red on dark canvas can lose legibility against photographic pin imagery; the white variant is required.\n",
      "when": {
        "backgroundColorScheme": "dark"
      },
      "use": "p-white"
    },
    {
      "type": "variantSelection",
      "target": "logo",
      "severity": "error",
      "rationale": "On light surfaces, the \"P\" mark renders in Pinterest Red — the canonical brand application on pinterest.com and across marketing materials.\n",
      "when": {
        "backgroundColorScheme": "light"
      },
      "use": "p-red"
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "WCAG 2.1 Level AA contrast minimum for body text. Pinterest's near-black text (#111111) on Pinterest White clears AA comfortably; the dark-mode text tone (#E9E9E9) on the dark canvas also clears AA.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Pinterest Red (#E60023) on white reads at ~5.4:1 — clearing WCAG AA for body-text contrast. CTA buttons and the \"Save\" affordance must hold this threshold; failure compromises the interactive contract Pinterest's product depends on.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.identity",
      "severity": "error",
      "rationale": "Pinterest's brand-use guidance restricts use of the \"P\" mark and wordmark in ways that imply affiliation, on competing-product surfaces, on third-party merchandise without license, or directly over busy photographic pin imagery where the mark loses contrast.\n",
      "forbiddenContexts": [
        "product-of-competitor",
        "merchandise",
        "endorsement-implication",
        "busy-photographic-overlay"
      ]
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.identity",
      "severity": "recommendation",
      "rationale": "Pinterest Red pairs cleanly with the warm-white canvas and the near-black text tone. Pairing Red with Yellow creates an unintended hot saturation that fights the inspirational, calm voice the platform's marketing depends on; reserve yellow for editorial accents on a neutral canvas.\n",
      "pairsWith": [
        "pinterest-white",
        "pinterest-near-white",
        "pinterest-text-primary"
      ],
      "doesNotPairWith": [
        "pinterest-yellow"
      ]
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Pinterest's display typography sits in the Medium (500) through Extra-Bold (800) band on the marketing surface and the product UI. Lighter cuts compromise the warm-but-confident voice the brand depends on.\n",
      "allowed": [
        "500",
        "600",
        "700",
        "800"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The light-first canvas combined with photographic content surfaces makes contrast verification mandatory on every new role pairing.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    }
  ]
}