Skip to content
Study Hall
Lesson 7 of 7Graphic Design
Unit 1 · Lesson 7 of 7

Layout Grids and Print Production

How grids give a layout its structure, and the production steps that get it safely onto paper: bleed, trim and safe area, imposition, spot versus process colour, soft-proofing and preflight.

5 min read11 practice questionsAsk AI about this →

Key things to remember

  1. 1A grid divides the page into margins, columns and gutters; modular grids add rows to make modules.
  2. 2
  3. 3Trim is the finished size, bleed (usually 0.125 in or 3 mm) extends artwork past it, and the safe area keeps important content inside it.
  4. 4Document size with bleed = trim size + 2 × bleed in each direction.
  5. 5Saddle-stitched booklets need a page count that is a multiple of 4; pages printed side by side add up to the total plus one.
  6. 6Process colour (CMYK) builds any colour from four inks; spot colour is a premixed ink for exact brand colours, metallics and fluorescents.

A poster looks perfect on screen. It comes back from the printer with a thin white sliver along one edge, the last letter of the headline sliced off, and the logo a duller blue than it was supposed to be. None of those problems is about taste. Each one is a production mistake, and each has a standard fix. This lesson covers the structure that holds a layout together, the grid, and the checks that make sure what you designed is what gets printed.

Grids: columns, margins and gutters

A grid is a set of invisible guides that divides the page. Margins are the empty borders around the live area; columns are the vertical divisions that text and images snap to; gutters are the gaps between columns. A grid does not make a layout rigid. It makes decisions faster, because every element already has somewhere sensible to go, and it is what makes a 40-page magazine feel like one publication: alignment and repetition, applied to every page at once. Designers break the grid on purpose for emphasis, but the break only reads as deliberate because the grid exists.

GridStructureTypical use
ManuscriptOne large text block inside marginsNovels, essays, long reports
ColumnTwo to six columns separated by guttersNewspapers, newsletters, websites
ModularColumns and rows, making a matrix of modulesPosters, catalogues, infographics, dashboards
BaselineEvenly spaced horizontal lines that text sits onKeeps lines of text aligned across neighbouring columns
With n columns there are n − 1 gutters between them. Forgetting that is the usual error.

Bleed, trim and safe area

An 11 × 17 in poster: bleed, trim, safe area and a four-column gridwhole poster, to scaleAGrid: 4 columns × 2.3125 in + 3 gutters × 0.25 in+ 2 margins × 0.5 in = 11 in wideA top-left corner, enlarged (also to scale)HEADLINEtext and logos sit inside thegrid, well clear of the trimcut away after printingbleed 0.125 in (3 mm)safe margin 0.25 ingrid margin 0.5 inbleed linetrim linesafe lineBleed is added on every edge:11 + 2(0.125) = 11.25 in wide17 + 2(0.125) = 17.25 in tallBackgrounds that touch the trim mustbe stretched out to the bleed line.
Fig 1Bleed extends past the trim line, important content stays inside the safe area, and a column grid organises the live area.

Printers do not print to the edge of the paper. They print on a larger sheet and cut it down with a guillotine, and the cut can wander by a millimetre or two. That is why there are three boundaries. The trim line is the finished size. Bleed is artwork that extends beyond the trim, typically 0.125 in (3 mm) on every side, so if the blade cuts slightly outside the line it cuts through colour rather than leaving white paper. The safe area is a margin inside the trim, often 0.125–0.25 in, where all text and important content must stay so a cut slightly inside the line does not clip it.

Bleed adds to both sides
Bleed is added on every edge, so the document is two bleeds larger than the trim size in each direction. An 11 × 17 in poster with 0.125 in bleed is set up as 11.25 × 17.25 in. Any background, photo or colour block that touches the trim must be stretched out to the bleed line.

Imposition

Presses print large sheets that are then folded and cut, so the pages of a booklet are not printed in reading order. Imposition is arranging them on the press sheet so they come out in the right order after folding. In a saddle-stitched booklet (folded sheets stapled through the spine) each sheet carries four pages, so the page count must be a multiple of 4. The pages printed side by side always add up to the total plus one: in an 8-page booklet, page 8 sits beside page 1, 2 beside 7, 6 beside 3, and 4 beside 5. You design in reader's spreads (2 facing 3); the printer's software converts them to printer's spreads (2 beside 7). Thick booklets also suffer creep, where inner pages push outward and lose a little more at trimming, another reason to respect the safe area.

Spot and process colour

AProcess colour (CMYK)
  • Four inks (cyan, magenta, yellow, black) printed as tiny halftone dots
  • Mixes optically to approximate almost any colour, including photographs
  • Cost is the same whatever the colours, so it suits full-colour work
  • Colour can shift slightly between print runs and presses
BSpot colour (e.g. Pantone)
  • A premixed ink printed as one solid colour
  • Exact and consistent every time, which matters for brand colours
  • Can reproduce colours CMYK cannot: metallics, fluorescents, some vivid oranges and blues
  • Cheaper for one- or two-colour jobs; each extra spot ink adds cost

Soft-proofing and preflight

A screen emits light and can show brighter, more saturated colours than ink on paper can reproduce. Soft-proofing uses the printer's colour profile to simulate on screen what the print will look like, and a gamut warning highlights colours that cannot be printed. Those vivid RGB blues and greens will come back duller, and it is better to find out before the job is printed. For colour-critical work, a printed hard proof is checked and approved before the full run.

  1. Size and bleed: document at trim size with 0.125 in (3 mm) bleed on every side; backgrounds extended to the bleed line.
  2. Safe area: no text or logo closer to the trim than the safe margin.
  3. Images: effective resolution about 300 PPI at final size, linked files present, nothing low-resolution borrowed from the web.
  4. Colour: images and swatches in CMYK or the printer's requested profile; spot colours named exactly as the printer expects; small black text in 100% black only.
  5. Fonts: embedded in the PDF (or converted to outlines) so the printer's computer does not substitute another typeface.
  6. Export: a print-standard PDF such as PDF/X-1a or PDF/X-4, with crop marks and bleed included.

Worked examples

Reveal one step at a time and try to beat it to the next line.

Example 1
Set up a four-column grid on an 11 × 17 in poster with 0.5 in margins and 0.25 in gutters. How wide is each column?
Example 2
A postcard has a finished size of 6 × 4 in, with a full-colour photo running off every edge. The printer asks for 0.125 in bleed and a 0.25 in safe margin. Set up the document.
Example 3
A club's saddle-stitched program has 10 pages of content. How many pages must it have, and which pages are printed side by side?
Example 4
Choose spot or process colour for: (a) 500 flyers printed only in the club's exact orange and black, (b) a brochure full of photographs, (c) the same brochure, but the client insists the logo orange must match exactly every time.

Where marks get lost

  • Ending a background exactly at the trim line instead of extending it to the bleed, which leaves white slivers when the cut wanders.
  • Adding bleed to only one side, or forgetting that each dimension grows by two bleeds.
  • Placing text right against the trim edge, outside the safe area, so it gets clipped.
  • Dividing the page width by the number of columns without subtracting the margins and the n − 1 gutters.
  • Designing a saddle-stitched booklet with a page count that is not a multiple of 4.

Flashcards 10

Grid
Gutter
Modular grid
Trim line
+ 6 more

Practice

1
A flyer has a trim size of 8.5 × 11 in and needs 0.125 in bleed. How wide must the document be including bleed, in inches?
in
2
A page is 280 mm wide with 15 mm margins and a 4-column grid with 5 mm gutters. How wide is each column, in mm, to two decimal places?
mm
3
In a 16-page saddle-stitched booklet, which page is printed side by side with page 5?
4
Why does a design with a coloured background need bleed?
5
A band's merchandise needs a shiny metallic gold. Which printing approach can reproduce it?
6
A 10-page saddle-stitched booklet is sent to the printer. What will they say?
7
What is the term for arranging pages on a press sheet so they come out in the correct order after folding and cutting?
8
What is the name for the gap between two columns in a grid?
9
Put these print production steps in order.
  1. 1Export a print PDF with bleed and crop marks
  2. 2Preflight the file: resolution, colour, fonts, bleed
  3. 3Approve a hard proof before the full print run
  4. 4Set up the document at trim size with bleed, margins and a grid
  5. 5Design the layout on the grid
  6. 6Soft-proof the colours with the printer's profile
10
Match each print term to its meaning.
Trim line
Bleed
Safe area
Crop marks
11
Which of these is the most important reason to embed fonts in a print PDF?

Spot a mistake on this page? Let us know