# PlayStation

> `playstation@1.0.0`

PlayStation is Sony Interactive Entertainment's gaming brand cluster — covering the PS1 through PS5 console generations, the DualSense controller line, the PlayStation Network and PlayStation Store digital storefronts, PS Plus subscription tiers (Essential, Extra, Premium), and the PS Studios first-party publishing arm (Naughty Dog, Insomniac, Santa Monica, Bend, Sucker Punch, Bluepoint, and others). The brand voice is cinematic and product- led: hero key-art on dark grounds, PlayStation Blue as the primary identifying hue, the commerce-orange as the store/buy affordance, and the proprietary SST family carrying the type.
PlayStation is a sub-brand of Sony Group Corporation (parent catalogued as sony@1) but stands on its own atom because the visual identity — and especially the calibrated PlayStation Blue gradient — is functionally independent of the monochrome Sony parent identity.


**Tags:** `playstation`, `sony`, `gaming`, `console`, `blue`, `dual-mode`, `sub-brand`

## Atoms

### Palette

**PlayStation** · `playstation@1.0.0` · Proprietary — All Rights Reserved

> PlayStation's brand palette as captured from the live design system on playstation.com. The PlayStation brand is built around a calibrated blue family — the primary action color (#0070CC bright / #0068BD link / #003697 deep) and the diagonal "PlayStation Blue gradient" that ramps from the deep navy to the bright accent — with a commerce-orange family (#D63D00 / #D53B00 / #AA2F00) reserved for buy / store affordances, and the documented PS Plus yellow (#FCC71D) for the subscription brand mark. The chrome is dual-mode: a paper canvas (#FFFFFF / #F5F7FA) for the marketing site and a deep ink canvas (#121314 / #1F2024 / #17181A) for the console UI and dark-mode hero modules. Typography is the proprietary SST family declared via @font-face as `sst`. 

### Fonts

| Role | Font | License | Classification |
|------|------|---------|----------------|
| `heading` | **Inter** `(inter@1.0.0)` | OFL-1.1 | sans-serif |
| `body` | **Inter** `(inter@1.0.0)` | OFL-1.1 | sans-serif |
| `mono` | **JetBrainsMono Nerd Font** `(jetbrainsmono-nerdfont@1.0.0)` | OFL-1.1 | monospace |

## Swatches

| ID | Name | Value |
|----|------|-------|
| `ps-blue` | PlayStation Blue | `#0070CC` |
| `ps-blue-link` | PlayStation Blue Link | `#0068BD` |
| `ps-blue-hover` | PlayStation Blue Hover | `#0064B7` |
| `ps-blue-active` | PlayStation Blue Active | `#005DAA` |
| `ps-blue-deep` | PlayStation Blue Deep | `#003697` |
| `ps-blue-bright` | PlayStation Blue Bright | `#31A1FF` |
| `ps-blue-pale` | PlayStation Blue Pale | `#D4DCE9` |
| `ps-blue-paler` | PlayStation Blue Paler | `#EBEEF0` |
| `ink` | Ink | `#121314` |
| `ink-deep` | Ink Deep | `#090A0A` |
| `ink-surface` | Ink Surface | `#17181A` |
| `ink-surface-high` | Ink Surface High | `#1F2024` |
| `ink-divider` | Ink Divider | `#2C2D33` |
| `paper` | Paper | `#FFFFFF` |
| `paper-surface` | Paper Surface | `#F5F7FA` |
| `paper-divider` | Paper Divider | `#F3F3F3` |
| `ash-text` | Ash Text | `#1F1F1F` |
| `ash-secondary` | Ash Secondary | `#6B6B6B` |
| `ash-tertiary` | Ash Tertiary | `#969799` |
| `ash-disabled` | Ash Disabled | `#D2D4D9` |
| `ash-secondary-dark` | Ash Secondary Dark | `#B2B2B2` |
| `ps-orange` | PlayStation Orange | `#D63D00` |
| `ps-orange-base` | PlayStation Orange Base | `#D53B00` |
| `ps-orange-hover` | PlayStation Orange Hover | `#C03500` |
| `ps-orange-active` | PlayStation Orange Active | `#AA2F00` |
| `ps-plus-yellow` | PS Plus Yellow | `#FCC71D` |
| `ps-warning` | PlayStation Warning | `#C81B3A` |
| `ps-success` | PlayStation Success | `#007A62` |
| `ps-hint-pink` | PlayStation Hint Pink | `#CB2070` |

## Mode role mappings

### Light mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `paper` | `#FFFFFF` |
| `surface` | `paper-surface` | `#F5F7FA` |
| `surface-elevated` | `paper` | `#FFFFFF` |
| `text-primary` | `ash-text` | `#1F1F1F` |
| `text-secondary` | `ash-secondary` | `#6B6B6B` |
| `text-tertiary` | `ash-tertiary` | `#969799` |
| `primary` | `ps-blue` | `#0070CC` |
| `primary-hover` | `ps-blue-hover` | `#0064B7` |
| `accent` | `ps-blue-link` | `#0068BD` |
| `accent-hover` | `ps-blue-active` | `#005DAA` |
| `warning` | `ps-orange` | `#D63D00` |
| `warning-hover` | `ps-orange-active` | `#AA2F00` |
| `error` | `ps-warning` | `#C81B3A` |
| `success` | `ps-success` | `#007A62` |
| `border` | `paper-divider` | `#F3F3F3` |

### Dark mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `ink` | `#121314` |
| `surface` | `ink-surface` | `#17181A` |
| `surface-elevated` | `ink-surface-high` | `#1F2024` |
| `text-primary` | `paper` | `#FFFFFF` |
| `text-secondary` | `ash-secondary-dark` | `#B2B2B2` |
| `text-tertiary` | `ash-secondary` | `#6B6B6B` |
| `primary` | `ps-blue` | `#0070CC` |
| `primary-hover` | `ps-blue-bright` | `#31A1FF` |
| `accent` | `ps-blue-bright` | `#31A1FF` |
| `accent-hover` | `ps-blue` | `#0070CC` |
| `warning` | `ps-orange` | `#D63D00` |
| `warning-hover` | `ps-orange-active` | `#AA2F00` |
| `error` | `ps-warning` | `#C81B3A` |
| `success` | `ps-success` | `#007A62` |
| `border` | `ink-divider` | `#2C2D33` |

## Brand semantic roles

### Colors

| Role | Swatch | Hex |
|------|--------|-----|
| `identity` | `ink` | `#121314` |
| `on-identity` | `ps-blue-bright` | `#31A1FF` |
| `primary` | `ps-blue` | `#0070CC` |
| `primary-hover` | `ps-blue-hover` | `#0064B7` |
| `accent` | `ps-blue-link` | `#0068BD` |
| `accent-hover` | `ps-blue-active` | `#005DAA` |
| `mark` | `paper` | `#FFFFFF` |
| `success` | `ps-success` | `#007A62` |
| `warning` | `ps-orange` | `#D63D00` |
| `error` | `ps-warning` | `#C81B3A` |
| `text-primary-light` | `ash-text` | `#1F1F1F` |
| `text-primary-dark` | `paper` | `#FFFFFF` |
| `background-light` | `paper` | `#FFFFFF` |
| `background-dark` | `ink` | `#121314` |
| `surface-light` | `paper-surface` | `#F5F7FA` |
| `surface-dark` | `ink-surface` | `#17181A` |
| `text-secondary-light` | `ash-secondary` | `#6B6B6B` |
| `text-tertiary-light` | `ash-tertiary` | `#969799` |
| `border-light` | `paper-divider` | `#F3F3F3` |

### Typography

| Role | Font role key |
|------|---------------|
| `display` | `heading` |
| `prose` | `body` |
| `code` | `mono` |

## Rules

### 🛑 error (6)

#### `colorChoice` → `roles.colors.primary`

- **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

> 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). 

#### `colorChoice` → `roles.colors.mark`

- **allowed:** paper, ink, ps-blue, ps-blue-deep
- **forbidden:** ps-orange, ps-plus-yellow, ps-hint-pink, ps-warning

> 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. 

#### `contextRestriction` → `roles.colors.warning`

- **forbiddenContexts:** mark, hero-headline, brand-badge
- **allowedContexts:** commerce, checkout, buy-cta, store-page

> 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. 

#### `forbiddenTreatment` → `logo`

- **treatments:** stretched, rotated, recolored, drop-shadow, gradient-fill, on-busy-photo, outlined, distorted

> 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. 

#### `contrastRatio` → `text-primary`

- **against:** `background`
- **minRatio:** `4.5`
- **standard:** `WCAG-AA`

> 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. 

#### `accessibilityRequirement` → `*`

- **standard:** `WCAG-AA`
- **criterion:** `1.4.3`

> 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. 

### ⚠️ warning (1)

#### `enumMembership` → `typography.heading.fontWeight`

- **allowed:** 400, 500, 600, 700

> 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. 

### 💡 recommendation (2)

#### `fontPairing` → `typography.display`

- **requires:** `prose`
- **minSizeRatio:** `1.3`

> 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. 

#### `compositionConstraint` → `roles.colors.primary`

- **pairsWith:** ink, paper, paper-surface, ink-surface
- **doesNotPairWith:** ps-plus-yellow, ps-hint-pink, ps-orange

> 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. 

## 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. 
- **Imported:** `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. 

---

*Generated by the brand-atoms converter. Source: `playstation@1.0.0` from the encyclopedia.*