Design System

Jam

Which face carries the voice

The same event screen twice. Identical copy, spacing, colour and layout — the only thing that changes is which typeface each role gets.

Side by side

Mono as chrome

Semi Mono on the interface — chips, buttons, labels, meta. Diatype does the reading.

✦ Spotlight

Fri 17 May · 23:00

Soul Quarians

Celebrating the mothers & fathers of neo-soul

Neo-soulLive set18+£12

A one-night tribute to the Soulquarians era, built around the records that came out of Electric Lady between 1997 and 2002. Long transitions, a live rhythm section from midnight, no phones on the floor.

AMJKRSTO

142 going · 8 friends

Location
The Blues Kitchen, Dalston
Doors
23:00 — late

Mono as voice

Semi Mono on the prose. Diatype takes the headings and everything you tap.

✦ Spotlight

Fri 17 May · 23:00

Soul Quarians

Celebrating the mothers & fathers of neo-soul

Neo-soulLive set18+£12

A one-night tribute to the Soulquarians era, built around the records that came out of Electric Lady between 1997 and 2002. Long transitions, a live rhythm section from midnight, no phones on the floor.

AMJKRSTO

142 going · 8 friends

Location
The Blues Kitchen, Dalston
Doors
23:00 — late

What actually differs

Two of the four roles are held constant, so the comparison isolates the decision rather than restyling the whole screen.

RoleMono as chromeMono as voice
HeadingsDiatypeDiatype — held
Body copyDiatypeSemi Mono
Chips, buttons, labelsSemi MonoDiatype
Meta, captions, countsSemi MonoSemi Mono — held

What to look for

Mono as chrome is the arrangement most products reach for. The interface reads as instrumentation — the chips and the join button feel like controls, and the description reads like an ordinary app paragraph. It is legible and it is also anonymous: swap the logo and it could be any listings product.

Mono as voice puts the texture where the writing is. The description reads like it was set rather than rendered, and the controls recede into plain Diatype, which is what controls are supposed to do. The cost is density: Semi Mono runs about a third more lines for the same copy, so long descriptions need the tighter step or more room.

The question the page is really asking: should the mono be a property of the interface or a property of the writing? Everything else follows from that.