{
  "$description": "Brand: PlayStation (playstation@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette playstation@1.0.0",
      "ps-blue": {
        "$value": "#0070CC",
        "$type": "color",
        "$description": "Primary action blue — --color-role-backgrounds-primary- link-base-light (rgb(0 112 204)). The \"Sign In / Buy / Find out more\" CTA fill on the marketing site.\n"
      },
      "ps-blue-link": {
        "$value": "#0068BD",
        "$type": "color",
        "$description": "Inline-link blue — --color-role-text-link-base-light (rgb(0 104 189)). Body-text link color and the standard PlayStation identifier hue.\n"
      },
      "ps-blue-hover": {
        "$value": "#0064B7",
        "$type": "color",
        "$description": "Pressed / active variant — --color-role-backgrounds- primary-link-focus-light (rgb(0 100 183)).\n"
      },
      "ps-blue-active": {
        "$value": "#005DAA",
        "$type": "color",
        "$description": "Deepest pressed state — --color-role-text-link-hover-light (rgb(0 93 170)).\n"
      },
      "ps-blue-deep": {
        "$value": "#003697",
        "$type": "color",
        "$description": "Gradient endpoint — --color-role-section-gradients-blue- start (rgb(0 54 151)). The deep end of the documented \"PlayStation Blue gradient\" (#003697 → #0068BD).\n"
      },
      "ps-blue-bright": {
        "$value": "#31A1FF",
        "$type": "color",
        "$description": "Bright link variant for dark mode — --color-role-text- link-active-dark (rgb(15 146 255)) and adjacent token.\n"
      },
      "ps-blue-pale": {
        "$value": "#D4DCE9",
        "$type": "color",
        "$description": "Pale blue surface — --color-2-darken-10-light. Quiet branded background for secondary-link backgrounds.\n"
      },
      "ps-blue-paler": {
        "$value": "#EBEEF0",
        "$type": "color",
        "$description": "Lightest blue surface — --color-3-light (rgb(235 238 240)). Tertiary page background.\n"
      },
      "ink": {
        "$value": "#121314",
        "$type": "color",
        "$description": "Primary dark canvas — --color-role-page-backgrounds- primary-dark (rgb(18 19 20)). Console UI / dark hero module background.\n"
      },
      "ink-deep": {
        "$value": "#090A0A",
        "$type": "color",
        "$description": "Deepest near-black — --color-role-page-backgrounds- secondary-dark (rgb(9 10 10)). Used for the deepest modal scrims.\n"
      },
      "ink-surface": {
        "$value": "#17181A",
        "$type": "color",
        "$description": "Elevated dark surface — --color-role-gradients-content- dark start (rgb(23 24 26)). Card and panel backgrounds on dark mode.\n"
      },
      "ink-surface-high": {
        "$value": "#1F2024",
        "$type": "color",
        "$description": "High-elevation dark surface — --color-7-dark (rgb(31 32 36)). Modal backgrounds and elevated card chrome.\n"
      },
      "ink-divider": {
        "$value": "#2C2D33",
        "$type": "color",
        "$description": "Quiet divider on dark surface — --color-6-dark (rgb(44 45 51)).\n"
      },
      "paper": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Primary light canvas — --color-role-page-backgrounds- primary-light. Marketing-site page background.\n"
      },
      "paper-surface": {
        "$value": "#F5F7FA",
        "$type": "color",
        "$description": "Light elevated surface — --color-role-page-backgrounds- secondary-light (rgb(245 247 250)).\n"
      },
      "paper-divider": {
        "$value": "#F3F3F3",
        "$type": "color",
        "$description": "Quiet divider on light surface — --color-8-light / --color-role-borders-divider-line-base-light.\n"
      },
      "ash-text": {
        "$value": "#1F1F1F",
        "$type": "color",
        "$description": "Primary body text — observed as the live body computed color (rgb(31 31 31)).\n"
      },
      "ash-secondary": {
        "$value": "#6B6B6B",
        "$type": "color",
        "$description": "Secondary text — --color-role-text-secondary-light (rgb(107 107 107)).\n"
      },
      "ash-tertiary": {
        "$value": "#969799",
        "$type": "color",
        "$description": "Tertiary text and quiet icon fills — --color-6-light (rgb(150 151 153)).\n"
      },
      "ash-disabled": {
        "$value": "#D2D4D9",
        "$type": "color",
        "$description": "Disabled-link surface — --color-7-light (rgb(210 212 217)).\n"
      },
      "ash-secondary-dark": {
        "$value": "#B2B2B2",
        "$type": "color",
        "$description": "Secondary text on dark surface — --color-role-text- secondary-dark (rgb(178 178 178)).\n"
      },
      "ps-orange": {
        "$value": "#D63D00",
        "$type": "color",
        "$description": "Commerce / \"buy\" orange — --color-role-backgrounds- commerce-link-base-dark (rgb(214 61 0)). Store and checkout primary action.\n"
      },
      "ps-orange-base": {
        "$value": "#D53B00",
        "$type": "color",
        "$description": "Commerce base — --color-role-backgrounds-commerce-link- base-light (rgb(213 59 0)).\n"
      },
      "ps-orange-hover": {
        "$value": "#C03500",
        "$type": "color",
        "$description": "Commerce hover — --color-role-backgrounds-commerce-link- hover-light (rgb(192 53 0)).\n"
      },
      "ps-orange-active": {
        "$value": "#AA2F00",
        "$type": "color",
        "$description": "Commerce active — --color-role-backgrounds-commerce-link- active-light (rgb(170 47 0)).\n"
      },
      "ps-plus-yellow": {
        "$value": "#FCC71D",
        "$type": "color",
        "$description": "PS Plus subscription brand — --color-role-text-ps-plus- light (rgb(252 199 29)). Reserved for PS Plus tiers and subscription affordances.\n"
      },
      "ps-warning": {
        "$value": "#C81B3A",
        "$type": "color",
        "$description": "Warning red — --color-role-text-warning-light (rgb(200 27 58)). Critical alert state.\n"
      },
      "ps-success": {
        "$value": "#007A62",
        "$type": "color",
        "$description": "Success green — --color-role-text-success-light (rgb(0 122 98)). Confirmation surfaces.\n"
      },
      "ps-hint-pink": {
        "$value": "#CB2070",
        "$type": "color",
        "$description": "Hint / tooltip accent — --color-role-text-hint-light (rgb(203 32 112)). Used for the documented \"hint\" affordance on form fields.\n"
      }
    }
  },
  "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": "roles.colors.primary",
        "severity": "error",
        "rationale": "The documented PlayStation Blue family carries the brand's primary action across the entire design system (--color- role-backgrounds-primary-link-* and --color-role-section- gradients-blue-* token clusters). The commerce orange is *not* a primary — it is a context-restricted commerce affordance (--color-role-backgrounds-commerce-link-base-*). The PS Plus yellow is reserved for the PS Plus subscription mark only. Substituting any of them for the brand primary collapses the documented three-way action grammar (blue = identity, orange = commerce, yellow = subscription).\n",
        "allowed": [
          "ps-blue",
          "ps-blue-link",
          "ps-blue-hover",
          "ps-blue-active",
          "ps-blue-deep",
          "ps-blue-bright"
        ],
        "forbidden": [
          "ps-orange",
          "ps-orange-base",
          "ps-plus-yellow",
          "ps-warning",
          "ps-success"
        ]
      },
      {
        "type": "colorChoice",
        "target": "roles.colors.mark",
        "severity": "error",
        "rationale": "The PlayStation wordmark renders in pure white on dark, in Ink (#121314) on light surfaces, and in the documented PlayStation Blue gradient as a brand-color treatment on hero key-art. The commerce orange and PS Plus yellow are tier-mark and sub-brand affordances — substituting them for the parent PlayStation wordmark fill misrepresents the brand hierarchy.\n",
        "allowed": [
          "paper",
          "ink",
          "ps-blue",
          "ps-blue-deep"
        ],
        "forbidden": [
          "ps-orange",
          "ps-plus-yellow",
          "ps-hint-pink",
          "ps-warning"
        ]
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.warning",
        "severity": "error",
        "rationale": "PlayStation's \"warning\" color in this brand mapping is the commerce orange (#D63D00) — it carries the buy / checkout affordance per the design system's --color-role-backgrounds- commerce-link-* tokens. It must not appear as the mark fill, hero headline color, or brand badge — those roles belong to the PlayStation Blue family or the white monochrome treatments.\n",
        "allowedContexts": [
          "commerce",
          "checkout",
          "buy-cta",
          "store-page"
        ],
        "forbiddenContexts": [
          "mark",
          "hero-headline",
          "brand-badge"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "PlayStation's wordmark is a fixed-proportion identity that ships under NDA-distributed licensee guidelines. Recoloring (outside the documented PlayStation Blue gradient), skewing, rotating, drop-shadowing, or placing the mark on a busy photo without the documented clearspace conflicts with Sony Interactive Entertainment's published partner-portal requirements.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "gradient-fill",
          "on-busy-photo",
          "outlined",
          "distorted"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "Ash Text (#1F1F1F) on Paper (#FFFFFF) measures ~16:1 and Paper (#FFFFFF) on Ink (#121314) measures ~19:1 — both clear WCAG AA decisively and sit inside the AAA band. The console UI's dense game-tile chrome, pricing, and rating labels earn a higher contrast floor than the bare AA minimum.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "fontPairing",
        "target": "typography.display",
        "severity": "recommendation",
        "rationale": "PlayStation's marketing surfaces use SST (proprietary) for both display and body, supplemented by Mont W05 for display and Bebas Neue for hero modules. Maintain at least a 1.3× ratio between display and prose to preserve hierarchy when a single sans family carries both roles.\n",
        "requires": "prose",
        "minSizeRatio": 1.3
      },
      {
        "type": "enumMembership",
        "target": "typography.heading.fontWeight",
        "severity": "warning",
        "rationale": "PlayStation's marketing-site CSS exercises Regular (400), Medium (500), SemiBold (600), and Bold (700) cuts of SST. Heavier display weights are reserved for the proprietary SST Display cut and are not in the variable-font set shipped to the consumer site.\n",
        "allowed": [
          "400",
          "500",
          "600",
          "700"
        ]
      },
      {
        "type": "accessibilityRequirement",
        "target": "*",
        "severity": "error",
        "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. PlayStation's console UI and storefront chrome carry dense product information (game titles, pricing tiers, controller compatibility icons, PS Plus tier badging) across both light and dark modes; AA is the floor across both modes.\n",
        "standard": "WCAG-AA",
        "criterion": "1.4.3"
      },
      {
        "type": "compositionConstraint",
        "target": "roles.colors.primary",
        "severity": "recommendation",
        "rationale": "PlayStation Blue reads cleanest against the ink canvas or the paper canvas. Placing it directly adjacent to the commerce orange (a category-signal hue) or PS Plus yellow (a sub-brand hue) introduces chromatic conflict and collapses the documented action-hierarchy separation; the live site separates them with neutral surfaces.\n",
        "pairsWith": [
          "ink",
          "paper",
          "paper-surface",
          "ink-surface"
        ],
        "doesNotPairWith": [
          "ps-plus-yellow",
          "ps-hint-pink",
          "ps-orange"
        ]
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://www.playstation.com/",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Sony Interactive Entertainment LLC — visual identity captured from the deployed stylesheet on playstation.com (--color-N-*, --color-role-*, --dk-font-* design-token families, including the documented \"PlayStation Blue gradient\" (--color-role- section-gradients-blue-start / blue-end)). PlayStation, the PS family-mark logos, PS Plus, DualSense, and associated marks are trademarks of Sony Interactive Entertainment LLC.\n",
      "importedDate": "2026-05-19",
      "notes": "Derived from live site CSS at https://www.playstation.com/ on 2026-05-19; Sony Interactive Entertainment's published brand-guidelines documents (Style Guide for Licensees) are distributed under NDA via the DevNet partner portal and are not publicly accessible. The primary typeface is SST (proprietary, declared via --dk-font as \"sst, Arial, sans- serif\"), supplemented by Mont W05 (--dk-font-mont) for display and Bebas Neue (--dk-font-bebas-neue) on hero modules. This atom references inter@1 as the open-source rendering substitute for the SST sans family. The PS family- mark \"shapes\" (triangle, circle, cross, square) are a central identity element but are not enumerated as separate swatches in the palette — they live in the asset library. assets: [] per the encyclopedia's trademark-redistribution policy.\n"
    },
    "com.brand-atoms.references": {
      "palette": "playstation@1.0.0",
      "fonts": {
        "heading": "inter@1.0.0",
        "body": "inter@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}
