Layout & the Grid

A grid is the invisible structure that everything else hangs on - a set of margins, columns and guides that you decide once and then align every element to. You will not see it in the finished portfolio, any more than you see the steel frame in a finished building, but you feel its absence instantly. Pages laid out without a shared structure drift: a margin is 15mm here and 22mm there, an image sits a few pixels off from the one above it, a caption starts at a different point on every page. None of these is a crime on its own, but together they add up to a document that feels careless - and careless is the one thing a design portfolio cannot afford to feel, because the reader is judging your eye and your ability to finish before they judge a single project.

The grid solves this by giving every element a correct place to go. Instead of asking 'where should this image sit?' forty separate times and answering slightly differently each time, you ask it once when you set the grid, and after that the answer is simply 'on the grid'. This is why professional layout looks calm: not because each page was agonised over, but because a consistent structure removed a thousand small decisions. Alignment - things sharing edges and baselines - is the single strongest signal of care in a layout, and the grid is what makes alignment automatic rather than a matter of nudging things by eye.

> A grid does not restrict you. It frees you from re-deciding the basics on every page, so your judgement is spent where it matters - on the work.

Think of it the way you already think about a building. You would not set out each room with its own independent structural logic and hope they line up; you establish a structural grid and then design freely within it. A portfolio is the same. The grid is the discipline that lets a collection of different projects - a housing scheme, a small interior, a competition board - feel like they belong in the same book, made by the same considered hand.

A workable grid has four ingredients, and you can set all of them in an afternoon. Margins are the safe zone you leave in from the edge of the page - the band where nothing important sits. Generous margins are one of the fastest ways to make amateur work look professional; timid, tiny margins make a page feel cramped and cheap. A common starting point is a margin of roughly 15-20mm on a portrait A4, a little more at the binding edge of a print book so text is not swallowed by the spine. When in doubt, give more air, not less.

Columns divide the content area into vertical bands you can fill or leave empty. A single wide column is simple but rigid; most portfolios are far more flexible on a grid of several narrow columns - six or twelve are popular precisely because they subdivide cleanly. On a twelve-column grid an image can span twelve columns (full width), or six (half), or four (a third), and a caption can sit neatly in three - and because every one of those widths is a whole number of columns, everything lines up. Gutters are the gaps between columns; they are what keep two images, or an image and its caption, from touching and turning to mush. Keep gutters consistent - one value, used everywhere.

The fourth ingredient, the baseline grid, is a set of evenly spaced horizontal lines that text sits on, so that lines of type align across columns and from page to page. It matters most in text-heavy layouts and is a mark of real polish. If it feels like a step too far at first, leave it - but keep your vertical rhythm consistent by eye.

Here is a concrete, sane starting grid for an A4 portrait portfolio you can adopt today:

Page:     A4 portrait (210 x 297 mm)
Margins:  18 mm top / outer / bottom, 22 mm at the binding edge
Columns:  12 columns, 4 mm gutters
Type:     body sits on a 12 pt baseline grid

Set this up as a master page or template in whatever tool you use - InDesign and Affinity Publisher both have proper grid controls, and even Figma, Canva or Google Slides let you place guides you can snap to. The point is not the exact numbers; it is that you decide them once and then never improvise them again.

A grid you set up and then abandon on page three is worse than no grid at all, because the inconsistency becomes visible against the order it promised. The real skill - and the real payoff - is holding the grid across the whole portfolio. That means the same margins on every page, captions that always begin at the same point, image edges that align to column lines rather than floating, page numbers and running heads in the same spot throughout, and a consistent relationship between an image and the text that describes it. When these things repeat, the reader stops noticing the container and starts absorbing the work, which is exactly what you want.

Alignment is the mechanism through which the grid does its work, so it is worth naming what good alignment looks like in practice. Elements should share edges: the top of a caption lines up with the top of the image beside it; a block of text and the image above it share a left edge; a row of three images sits on a common baseline. Avoid the 'almost aligned' - things that are close but not exact are more disturbing than things that are clearly different, because the eye senses the error without being able to fix it. Turn on 'snap to grid' or 'snap to guides' in your tool and let the software enforce what your eye might miss.

A short, honest test: flip through your spreads quickly, watching only one element at a time. Do all the page numbers sit in the same place? Do all the project titles? Do the outer margins hold? If any of them jumps around, you have found the thing that is quietly undermining otherwise good work. Consistency is not the enemy of interest - it is what earns you the right to be interesting, because a reader trusts a maker who is clearly in control of the basics.

Hold-the-grid checklist (run on every spread):
- same outer margins?          - captions start at the same point?
- image edges on column lines?  - page numbers in the same place?
- consistent image-to-caption gap?

None of this means every page must look the same, and it certainly does not mean the grid is a cage. Once a grid is established and consistent, you can break it deliberately for emphasis - and a deliberate break, made against a clear structure, reads as confident rather than careless. A full-bleed hero image that runs off all four edges to open a project; a single large number or word placed off-grid to signal a new section; one image allowed to break a column line to create a moment of tension. These work precisely because everything around them is disciplined. The break is an exception the reader can feel is intentional, not another instance of drift.

The distinction is worth stating plainly: there is a world of difference between not having a grid and knowing when to break one. The first reads as an inability to control the page; the second reads as mastery of it. If you are not yet sure your grid is solid, do not break it - earn the right first.

The common mistakes are easy to name and easy to fix. Timid margins: content crammed to the edges to fit more in - give it air instead. Inconsistent everything: a new set of decisions on each page - set the grid and hold it. Images floating free: pictures placed by eye, not aligned to columns - snap them. Centre-everything: defaulting to centred text and images on every page, which quickly looks bland and inert - a strong left alignment on a grid usually reads as more considered. Over-crowding the grid: filling every column on every page because the structure allows it - the grid gives you permission to leave space, not an obligation to fill it (that is the next lesson's whole subject). And borrowing a template you do not understand: a downloaded layout can help you start, but if you cannot see the grid underneath it you will break it without noticing. Learn the structure, then it serves you everywhere.