Ideas for London in digital and in print

Client:
Centre for London
Services:
Digital, Infographics, Publication design

Powerful ideas and important perspectives. We worked with the Centre for London to create a new essay series that explores some of the key challenges impacting the capital.

A black and white map of the Greater London area.

What are the key challenges that London faces today? How do these impact how we live, work and play in the capital? And how can we tackle them?  

London Essays is a landmark series that sets out to answer these big questions. Produced by the Centre for London, a think tank dedicated entirely to the capital, each issue is based around a single theme and features contributors from a range of disciplines. 

The cover of issue 8 of London Essays (Futures; 2017).

We worked closely with the Centre to create a visual language, publication design and online home for the series; something that reflected the powerful ideas and perspectives contained within it. A big consideration for us was how to create a harmonious experience across both print and online. 

The series needed to have a visual voice that was ambitious, fresh and authoritative. It needed to have that ‘London feel’ without being obvious. We settled on Brandon Grotesque as the typeface for the masthead – a geometric sans serif that captures the essence of Edward Johnston’s iconic underground type.

A collages of the full collection of London Essays covers.
The contents page spread from an issue of London Essays.
A text page spread from an issue of London Essays.

The journal is restrained in its overall approach and we have kept a consistent design that works across multiple issues of the journal. We have used playful colours to signpost different issues, keeping the design fresh and giving the reader an element of surprise. With continuity between print and web in mind, we selected a colour from the G.F Smith Colorplan range for each print edition that works equally well on screen – the website switches colour as you browse between issues.

We were especially pleased at how seamlessly the design integrated across print and digital. The design continues to inform our thinking about how we present our research and ideas.

Jo Corfield, Centre for London

The minimal typographic approach ensures the writing remains the main feature, and our understated design puts the content at the heart of the user experience. Readers can engage quickly and easily, without distraction, both online and in print.

An infographics page spread from an issue of London Essays.
A large, complex infographic.

Data visualisation is a core part of the journal. Each issue has three feature infographics which break up the more classical essay layouts. Working together with researchers at Centre for London, we considered a range of topics relevant to the wider journal topic that told a story and then created custom visualisations for each issue that convey the complex information that can be read at a glance, or as articles in their own right.

The homepage of the London Essays website.
The 'about' page of the London Essays website.
Two views of the London Essays website as seen on tablets and mobile devices.

Though some of the qualities of print – such as the tactile nature of paper and the foil blocked type on the cover – cannot be replicated online, the website is designed to maximise digital capabilities, with enhanced functionality and usability. The landing page of the website is an expanded contents list where each link leads to a new essay. Sticky ‘previous’ and ‘next’ buttons make it easy to flick to adjacent articles, keeping a sense of leafing through the bound print book, though page numbers and other aspects of the print edition are removed. An overlay contents menu offers an at-a-glance view of all essays within an issue.  And the colour scheme of each issue is carried through, offering a unified experience across print and digital – and a space to reflect on the issues determining the future of London.

Like what you see? Let’s work together

Get in touch