Reference fixture · playstation

# Play has no limits.

From masthead to footer, PlayStation moves like a console powering on — quiet-weight SST headlines lead the eye, and every primary button scales 1.2× into PlayStation Cyan on hover.

PS5 PS4 PSVR2
Enter the system
Read the spec
PSN status All services online

Network reviewed 2026-05-15 · v1.0

Press `⌘` `K` to browse tokens.

What this fixture exercises

## Three surfaces. One vertical channel.

### Quiet-authority headlines

SST weight 300 from 22 to 54px — the typographic signature that lets product photography lead while the chrome stays restrained.

Inspect tokens →

### Cyan power-on hover

Hover any primary button: fill snaps to PlayStation Cyan, a 2px white border appears, a blue ring blooms, and the button scales 1.2× — all in 180ms.

Read the rule →

### Eleven-radius system

3px on inputs, 12px on covers, 24px on hero cards, 999px on pill CTAs. Square corners are forbidden — every surface lands on a declared tier.

Inspect radius →

Form components

## Inputs in the Paper White panel.

Input borders sit at 1px Mute Gray with a 3px radius — tighter than the rest of the system. The focus indicator is a 2px PlayStation Blue ring; no border-color change.

PSN ID

We'll pair this with your console on first sign-in.