Art, design & a little curiosity
Graphic design ↗

Editorial layout: build a system for pages that vary

Create margins, columns, text styles, and image relationships that support extended reading while leaving room for different article lengths and visual pacing.

An original studio notebook study exploring editorial layout design.
Studio notebook / Original digital study

Begin with the reading material

Editorial design organizes content across pages or spreads. Start with representative copy, including a long headline, a short article, a dense section, and images with captions. A system designed around ideal placeholder text may collapse as soon as the actual material arrives.

Identify recurring roles: title, introduction, body text, subheading, caption, page number, and any sidebar. Decide which roles need a distinct visual treatment and which can share one. Consistency becomes easier when the system reflects actual editorial needs instead of offering a separate style for every possible sentence.

Establish the page framework

Set margins that suit the format, binding, and amount of text. Divide the usable area into a modest number of columns. The grid should create useful widths for body copy, images, and supporting material. More columns offer flexibility, but they also create more opportunities for arbitrary alignment.

Test the framework on a spread with difficult content. Can a wide image coexist with a caption and a long title? Does the inside margin remain comfortable near the binding? Make these decisions before polishing the opening page. A robust framework handles ordinary pages as well as the showpiece.

Create pacing across the sequence

Alternate dense and open moments according to the story. A large image can give readers a pause, while a compact sidebar can support a specific detail. Avoid making every spread equally dramatic. Constant visual intensity leaves little room for a significant section to feel special.

Keep captions close to their images and make cross-references easy to follow. If the layout requires the reader to guess which caption belongs to which photograph, the composition needs adjustment. The grid supports reading relationships; it should not force related elements apart merely to preserve an attractive empty rectangle.

Review the system in use

Lay out several consecutive pages before judging the design. Check repeated heading positions, paragraph spacing, image edges, and page numbers. Look for accidental patterns such as every article beginning with an oversized dark block or every caption appearing at a different distance from its image.

Print or view the work at its intended size and read a sustained passage. A page can look elegant from afar while tiring the reader through long lines, tight spacing, or frequent interruptions. Revise the text setting and hierarchy based on that experience, then update the styles consistently across the document.

Put it into practice

Try it yourself

  1. Test the grid with difficult representative content.
  2. Define recurring text roles before styling individual pages.
  3. Review several pages together and read at the intended size.
A worked example

Worked example: a small arts journal

Plan an eight-page fictional arts journal with one long essay, two short interviews, and a photo sequence. Use a grid that supports a comfortable text column and a narrower caption area. Give the essay an open first spread, keep the interviews more compact, and let the photo sequence use larger images. Test the longest interview answer before finalizing the grid. If it produces a narrow tower of text, widen that content area instead of reducing the type for only that page.

References & further reading

Examples and exercises in this guide are original teaching scenarios.

Keep following the thread.

More graphic design ↗