Skip to content
pmLet’s talk
All projects

Monograph · Original

An art journal with the scale of a printed issue.

Monograph is an independent art and culture journal for curious readers. Its editorial world brings together exhibition visits, artist conversations, and considered writing on the spaces around us. A generous serif masthead and deep gallery blue establish a confident publishing identity, while warm paper surfaces give photographs room to breathe. The magazine moves between large visual essays and shorter studio notes without flattening them into the same format. Readers can explore stories by subject and save the pieces they want to return to. The experience feels like opening a beautifully printed issue, with the ease of a digital reading room.

Monograph · Original website and interaction detail in a layered presentation
Role
Brand identity and frontend design
Year
2026
Platform
Responsive website
Status
live
Monograph · Original website in a physical product mockup
Physical product mockup

The problem

A journal needs to move between a large visual essay and smaller studio notes without flattening their editorial differences. The printed issue should feel connected to the digital reading room.

What I built

The original editorial composition with subject filters, expandable story notes, a saved cover essay and an illustrated printed-issue spread.

The choices behind it.

Brand identity and frontend design

Give the masthead a generous pause

A large Commune masthead establishes gallery blue and warm paper before the opening visual essay. The cover, byline and editor note retain a magazine-like hierarchy.

Make the small reading choices visible

Subject filters reveal the studio notes, story controls open an excerpt and the cover essay can be saved for the visit. A full-width printed-issue spread closes the journal.

An open journal spread

Two open editorial columns form an abstract journal spread, holding art and criticism in conversation.

Monograph · Original phone layout: An art journal with the scale of a printed issue.
Phone layout

From start to finish.

  1. Read the opening visual essay

  2. Filter or expand a studio note

  3. Explore the printed issue

Build details Stack, scope, and implementation

Built with

  • React 19
  • TypeScript
  • Vite
  • CSS

Areas

  • Web design
  • Brand identity
  • Editorial
  • Art magazine
  • Culture
  • Exhibitions