PlayStation

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.

1 palette 3 fonts 0 assets 9 rules playstationsonygamingconsolebluedual-modesub-brand
Preview prompt 
Use the [email protected] brand from brand-atoms.com.
Fetch https://brand-atoms.com/dist/brands/playstation/1.0.0/json/brand.json
and apply its role mappings (primary, accent, identity, etc.),
reference the fonts in references.fonts, and honor every rule where
severity is "error". Surface any deviation you choose to make.

Downloads

All converter outputs for [email protected]. Served from /dist/brands/playstation/1.0.0/.

Brand Guide

Inline rendering of the Markdown brand guide. Same source as the markdown/brand-guide.md download.

PlayStation

[email protected]

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 · [email protected] · 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 ([email protected]) OFL-1.1 sans-serif
body Inter ([email protected]) OFL-1.1 sans-serif
mono JetBrainsMono Nerd Font ([email protected]) 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: [email protected] from the encyclopedia.

Components — same template, themed by PlayStation

Every block below renders from the resolved palette + font references on this brand. Swap the brand and the same template re-themes — no per-brand component code required.

PlayStation

A clear hierarchy in PlayStation's typeface

Tertiary heading — supporting structure

Body copy renders in the brand's prose font on the brand's background. Inline links and highlighted phrases pick up the brand's primary and highlight roles. Code spans like brand.references.palette fall back to the monospace face.

A blockquote uses the brand's accent color as its rule. Useful for pulling tagline copy out of running prose.
Bulleted list
  • Bullet markers inherit the brand's primary color.
  • Item spacing reads as a deliberate vertical rhythm.
  • Nested items still resolve to the same primary.
    • Second-level item using the accent.
    • Third bullet wraps cleanly at narrow widths.
Numbered list
  1. Open the brand's resolved spec.
  2. Apply roles to the component template.
  3. Render the surface in the brand's identity.
  4. Audit the output against the typed rules.
Buttons
Callout boxes
Info

Neutral status — provides supplemental context without urgency. Uses the brand's primary as the rule.

Success

Confirms a completed action — palette role success determines the rule color.

Warning

Calls out something that needs attention but isn't an error — palette role warning.

Error

Surfaces a failure that blocks progress — palette role error. Use sparingly.

Table
Role Resolves to Mode
primarybrand color #1light + dark
accentbrand color #2light + dark
warningbrand warninglight + dark
errorbrand errorlight + dark

Atoms

palette
PlayStation
[email protected]
font · heading
Inter
[email protected]
The quick brown fox jumps over 13 lazy dogs.
font · body
Inter
[email protected]
The quick brown fox jumps over 13 lazy dogs.
font · mono
JetBrainsMono Nerd Font
[email protected]
The quick brown fox jumps over 13 lazy dogs.

Brand semantic roles

Brand-level role overrides on top of palette-default mappings. Each role resolves to a concrete swatch or font reference.

Colors

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

Typography

code → mono JetBrainsMono Nerd Font
display → heading Inter
prose → body Inter

Palette mode mappings (from playstation)

Light mode (15 roles)

accent → ps-blue-link
accent-hover → ps-blue-active
background → paper
border → paper-divider
error → ps-warning
primary → ps-blue
primary-hover → ps-blue-hover
success → ps-success
surface → paper-surface
surface-elevated → paper
text-primary → ash-text
text-secondary → ash-secondary
text-tertiary → ash-tertiary
warning → ps-orange
warning-hover → ps-orange-active

Dark mode (15 roles)

accent → ps-blue-bright
accent-hover → ps-blue
background → ink
border → ink-divider
error → ps-warning
primary → ps-blue
primary-hover → ps-blue-bright
success → ps-success
surface → ink-surface
surface-elevated → ink-surface-high
text-primary → paper
text-secondary → ash-secondary-dark
text-tertiary → ash-secondary
warning → ps-orange
warning-hover → ps-orange-active

Rules (9 typed constraints)

error · 6 rules

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 rule

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 rules

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.