Why Editors Need to Understand Page Design

Last reviewed: 13 June 2026Next review due: 13 December 2026

Why design knowledge matters for editors

Editorial decisions do not stop at word choice and story selection. Every editor, whether running a print page, a homepage, or a newsletter template, is also making design decisions — what appears first, what gets a large image, what competes for a reader's attention. An editor who treats design as purely a production department's job will often make editorial choices that undercut their own priorities: burying a strong story below a weaker one, or letting an advertising unit visually dominate the lead story.

In UK newsrooms, the traditional separation between editorial and production has narrowed considerably as titles have shrunk their subbing desks and pushed layout responsibility toward section editors and even reporters using templated CMSs. Understanding design fundamentals is now a core editorial competency, not a specialist skill reserved for a production team.

This guide covers the practical design knowledge editors need: visual hierarchy, headline strategy across formats, working productively with subs and designers, and the commercial reality of advertising placement.

Core design principles editors should know

Visual hierarchy

Size, weight, colour, and position guide the reader's eye to what matters most first. The lead story should be visually unmistakable.

White space

Breathing room between elements improves readability and signals quality; cramming content in reduces both comprehension and perceived credibility.

Grid consistency

A consistent underlying grid (print or digital) creates a sense of order that lets readers navigate intuitively, even when content varies day to day.

Contrast

Deliberate contrast in size, colour, or weight between headline, standfirst, and body text creates a clear reading path through the page.

Above the fold / above the scroll

The most valuable visual real estate — physically visible on a folded print page, or visible without scrolling on digital — should carry your strongest content.

Image-to-text ratio

The balance of imagery to text affects both engagement and how much of a story is immediately comprehensible at a glance.

Headlines and subheads: print versus digital

1Print headlines are written to fit a fixed physical column width and work alongside a visible image and standfirst on the same page — space constraints reward wit and compression.
2Digital headlines must work standalone in a search result, social share, or push notification with no supporting visual context — front-load the key facts and keyword-relevant terms.
3Subheads in print break up long features into scannable sections on a page a reader can see in full; digital subheads (H2/H3 tags) also carry SEO weight and improve accessibility for screen-reader users.
4A/B testing headlines is a purely digital capability — use it for high-traffic stories, but do not let testing data override editorial judgement on sensitive or complex stories.
5Print headline decisions are largely final at press time; digital headlines can and often should be revised after publication based on how a story is actually performing.

Design red flags on a page or screen

An advertising unit visually competing with or overwhelming the lead editorial story.
Two stories of similar visual weight on the same page, leaving readers unclear which the outlet considers more important.
A headline that only makes sense with the accompanying image or standfirst — a problem when the headline is shared standalone on social or search.
Inconsistent grid use across a section, creating a cluttered, unplanned appearance.
Text set too small or with too little contrast for accessible reading, especially for older or visually impaired readers.
A digital hero image or video that pushes the actual headline and lead paragraph below the visible screen on mobile.

Working with subs and designers: a checklist

I have briefed the designer with a clear sense of editorial priority — which story is the lead and why, not just a list of stories to fit.
I have given realistic word counts before layout begins, rather than asking for text to be cut after a page is designed.
I have flagged any images that need cropping sensitivity (identifiable victims, children, sensitive contexts) explicitly to the designer.
I have checked headline length against the actual column or template width before finalising copy.
I have understood the basic grid or template constraints of my section before making late editorial change requests.
I have reviewed the page or screen as a reader would see it — not just as a list of elements — before sign-off.

InDesign basics every editor should recognise

Master pages

Template layouts applied across multiple pages, defining consistent grid, margins, and recurring elements like folios and section headers.

Text threading

Linking text boxes so a story flows automatically across columns or a continuation ("jump") to another page.

Baseline grid

An invisible horizontal grid that aligns text across columns for a clean, professional appearance.

Overset text warning

A visual indicator (red plus sign) showing text does not fit in its frame — the most common reason a sub asks for a cut.

Package / preflight

Checks that all fonts, images, and colour profiles are correctly linked before a page is sent to print or export.

Layers panel

Separates design elements (text, images, guides) so changes to one do not disrupt others — useful when briefing quick corrections.

Strengthen your newsroom workflow

See our editorial workflow and house style guides for embedding design discipline into daily production.

Editorial Workflow Guide Building a House Style Guide

Common mistakes

Treating design purely as a production concern with no editorial input on hierarchy or priority.
Writing headlines without checking whether they will make sense standalone once shared on social or search.
Requesting late copy cuts after a page is fully designed, rather than agreeing word counts up front.
Allowing advertising placement to visually dominate or compete with the lead editorial story.
Ignoring accessibility considerations — low-contrast text or overly small type size excludes readers.
Assuming digital design has no fixed constraints — mobile screen width and load-time budgets are real constraints, just different ones from print.

Primary sources

Society of Editors — editorial standards and practice— Society of Editors
BBC Editorial Guidelines— BBC
Reuters Institute and Reuters design resources— Reuters
INMA — International News Media Association design and product research— INMA
Press Gazette — UK news industry design and product coverage— Press Gazette

Frequently asked questions

Do digital editors really need to understand print design principles?

Yes, though the application differs. Core principles — visual hierarchy, the inverted pyramid applied visually (most important information most prominent), contrast, and white space — transfer directly from print to digital. A digital editor who understands why a print page leads with a dominant image and a single strong headline will make better decisions about hero images, above-the-fold placement, and mobile-first layout than one who has only ever worked in a CMS without design grounding.

How does headline writing differ between print and digital?

Print headlines are written to fit a fixed physical space and to work alongside a visible image and standfirst on the same page, so wit, wordplay, and compression are valued. Digital headlines must work standalone in a search result, social share, or app notification with no supporting visual context, so they need to front-load the key information and often perform better when they are more literal and keyword-relevant for SEO, while still being compelling enough to earn a click.

What is visual hierarchy and why does it matter for editors?

Visual hierarchy is the deliberate use of size, weight, colour, and position to guide a reader's eye to the most important information first. On a page or screen with a masthead story, secondary stories, and a promotional box, hierarchy tells the reader instantly what the outlet considers most important. Editors who do not understand hierarchy can end up with a page where a minor story visually competes with or overwhelms the lead story, confusing readers about editorial priority.

Should editors learn InDesign even if they have dedicated designers?

Basic InDesign literacy — enough to open a page, understand the grid, and make a simple edit under deadline pressure — is valuable even where a dedicated design or subbing team exists, particularly at smaller titles where editors may need to cover for an absent designer. More importantly, understanding how InDesign grids and master pages work helps editors brief designers more precisely and understand why a request (e.g. squeezing in an extra 200 words) may or may not be feasible without a full page rebuild.

How does page design affect advertising revenue?

Advertising placement is directly shaped by editorial layout decisions — advertisers typically pay a premium for positions with high visibility (front page, right-hand pages, above the fold), and a poorly planned page can waste high-value inventory or create visual clutter that reduces both editorial readability and ad performance. Editors who understand the commercial layer of page design make better decisions about how much space to concede to advertising without undermining the reading experience.