sulei.uk — body face, with Fraunces in the heading seat

Six bodies under one heading

Lede · running copy · table row · field · button · same words in each

Body typeface

The book answer — case studies become a pleasure. A reading serif with an optical-size axis, designed for long text. Warm, and it makes the sheets read like a journal.

Case study · 02 — process

Built in public, edited here

The build-in-public journal in Writing is the raw record; this dossier is the edited version. Three habits carried the work.

When I got stuck I asked the question out loud in the journal — twice the answer arrived in the replies. That feedback loop shaped more of the product than any roadmap did. Across 30+ UK cities the listing problem turned out to be an availability problem, and that shaped every screen: the map is not decoration, it is the index.

Smaller copy at 15px, where a serif has to hold up: table cells, captions, footnotes and the fine print at the foot of a sheet.

Sample row
Jul 2023 — PresentLead UX DesignerMoney and Pensions ServiceLed UX design for the Pension Wise appointment service, achieving a Service Standard Beta pass.
Send the message

All six are OFL and variable. Whichever wins, the display face and the body are subset and self-hosted together, and the mono stays IBM Plex Mono.