Shape 12 / 16 / pill · crisp, machined · dark · default

Radii
12
radius-rowrows · tiles · wells · the add-slot
16
radius-panelpanels · cards · the paper-preview
pill
radius-pillevery button, chip, pebble, input
0
squaremasthead band · chrome bar · email edges
edge · 1.5px · the only visible UI border
Search every account
+ Add a fifth account
Sign in inputs · reply well · dashed add-slot · #6E6566 on night 3.36
no edge · read by ink and shape Get an account
Sign inGet an accounton the chrome: ghost edge = muted-brand
no edge on the fill · no shadow · no glow
The signature shape · the pebble
STAPNGM rounded disc · tonal step · initials in ink · 24 / 36 / 40 / 56 · no pigeon mark rendered — type carries it

Decor two patterns, each with its rule · light · alternate

Small surface · 390px phone · 600px email — the masthead band
Postie
No empty quadrant existsOne charcoal band at the top — wordmark, pebbles, actions. Body on clean working ground below. The band is the only charcoal. App-mobile · every email · the auth form column.
Large surface · 1440px landing · site · dashboard — the quadrant
One inbox. Every account.
The brand ground frames a working cardCopy on the charcoal; the paper-preview in the other quadrant, a real working-ground card. Derived from the container, never a fixed pixel. No motif, no photo unless supplied.
Never
soft-glow · feathered edges · pillowy corners · shadows · gradients · grain · tilt · mock browser frame · a second radius scale