M+ Online Exhibition Brochure

A flexible editorial template designed for dynamic layouts

M+, a preeminent museum in Hong Kong, houses an interdisciplinary and transnational collection of visual art and culture. The museum strives to continuously enhance the visitor experience and supplement its collections and ways of seeing.

We designed a digital brochure template that complements the museum’s collections, providing accessibility to an audience of diverse abilities and backgrounds. Additionally, the template accommodates the M+ design team’s shifting needs for future exhibitions.

Team

Jimmy K.K. Lam of Studio Earth on consultation, project management, user experience, and layout design.


Visual Art, and Digital and Editorial Content at M+

Julee Chung, Olivia Chow, William Smith, Yuling Zhong

Cover and essay page design for the Nalini Malani exhibition brochure.
M+ houses an interdisciplinary and transnational collection of visual art and culture.
Essay page designs for the Nalini Malani exhibition brochure with images, captions, and pull quotes.
We designed a digital brochure template with dynamic layouts that adopts the M+ visual identity.
Essay page designs for the Nalini Malani exhibition brochure with a graphical representation of the five-column grid system.
Our template layout follows a five-column grid system to ensure visual consistency and flexible adaptation.

Two primary objectives are at the core of our design — to cater to visitors with diverse abilities and backgrounds and to serve as an adaptable template for the M+ in-house design team.

Essay page designs for the Nalini Malani exhibition brochure with images, captions, and pull quotes.
Our dynamic layout accommodates images in various sizes, pull quotes, body text columns, and captions.
Biography and timeline page designs for the Nalini Malani exhibition brochure.
Text and graphic placements on the biography and timeline page demonstrate adaptation flexibility on our grid system.

A functional layout grid and typography system, centred around three content types — titles, images, and body text — dictated their placement to ensure consistency across future brochure editions.

Our typography system categorises text as title, body, caption, byline, and pull quotes, with respective font sizes assigned to ensure visual cohesion and legibility standards.

A typographical representation of the title and date formatted for the Nalini Malani exhibition brochure.
Contrasts between the header and exhibition date font sizes demonstrate a stark visual hierarchy and content sequence.
A typographical representation of the heading, subheading, and body text formatted for the Nalini Malani exhibition brochure.
We employed the M+ bespoke sans-serif font on the template’s layout to maintain visual consistency.

We assigned text components such as titles and pull quotes to prominent areas to help visitors scan the text comfortably and increase interest and drive engagement.

An overview of the Nalini Malani exhibition brochure, including the cover and three essay pages accompanied by images and texts.
An overview of the Nalini Malani exhibition brochure, including the cover and three essay pages accompanied by images and texts.
An overview of the Nalini Malani exhibition brochure.

The M+ Online Exhibition Brochure project was led by Jimmy K.K. Lam of Studio Earth, with Julee Chung, Olivia Chow, and Yuling Zhong at M+.

Back