Lesson 1.4Lesson 1.4 · The Anatomy of a Project
The Project Spread
One project, laid across pages so it reads. The craft is hierarchy - a clear hero, supporting work sized by importance - and sequence - one idea per spread, in the order the story needs. Get this right and everything you chose, told and showed finally lands.
A reader does not see your project. They see your spread. If the spread is flat, cramped or confusing, the project is - to them - flat, cramped and confusing, no matter how good it really was.
You have chosen the right projects, found the story in each, and curated process that proves you can think. Now all of it has to land on the page - and this is where a surprising amount of good work quietly dies. A strong project laid out badly does not read as a strong project with a layout problem; it reads, to a scanning reader, as a mediocre project. The layout is the only version of the project they ever meet.
Laying out a single project across a spread - the pages given to one project - is a craft with two moves at its heart. The first is hierarchy: making one thing clearly the most important, and sizing everything else by how much it matters, so the eye knows instantly where to look and in what order. The second is sequence: giving each spread one idea and ordering the spreads the way the story needs, so the reader is carried rather than dumped. This lesson is about those two moves at the scale of one project. Module 2 goes deeper into the grid, type and composition that underpin all of it; here we focus on the specific job of making one project read - the hero, the supporting cast, and the one-idea-per-spread discipline that ties the whole module together.
One hero per spread (2-3x). One idea per spread. Design across the gutter. Squint test. Walk it through in 90s.
Every spread needs a hero
The most common layout failure is the democratic grid: six images at the same size, evenly spaced, each given equal weight. It looks tidy, and it is deadly, because it tells the reader nothing about where to look or what matters. The eye lands in the middle, finds no lead, and bounces - and the six-second scan is spent before the reader has found anything to grab onto. A spread of equals is a spread with no hierarchy, and no hierarchy means no message.
The fix is to make one thing the hero - the single most important image on the spread, given clearly more size and weight than everything around it. Usually this is your strongest, most legible image: the best photograph, the key drawing, the render that shows the idea. It anchors the spread, gives the eye a place to land, and sets up everything else as support. The rule of thumb is decisive contrast: the hero should be visibly, unarguably bigger than the supporting images - not a bit larger, but two or three times the area - so there is no ambiguity about what to look at first.
Everything else on the spread is the supporting cast, sized by importance. The second-tier images (the plan, a key section) are medium; the third tier (details, small process, secondary views) are small. This creates a clear reading order - hero first, then the mediums, then the smalls - which is exactly the sequence in which you want the reader to take the project in. Text sits in the hierarchy too: the framing statement is prominent near the hero; captions are small and close to their images.
> Flat grid: everything the same size = the reader looks nowhere. > Hierarchy: one hero, clear support = the reader looks where you want, in the order you want.
A useful discipline when you lay out a spread: squint at it, or shrink it to a thumbnail. If one element does not clearly dominate, you have a flat grid, and you need to enlarge your hero and shrink your support until a single thing wins. If everything is shouting, nothing is heard.
No flat democratic grids. Every spread needs ONE hero, 2-3x bigger than the rest. Squint test: does one thing win?
One idea per spread
The second discipline is about what each spread is for. A spread should carry one idea - one part of the project's story - not a bit of everything crammed together. When you try to fit the whole project onto every spread, each page becomes a dense, competing jumble and the story disappears. When each spread has a single job, the project unfolds cleanly, one clear beat at a time, and the reader is carried through it.
Map this onto the four-beat story spine from Lesson 1.2. A typical multi-page project might run: a first spread that establishes the project - hero image, title, framing statement (problem + idea); a second spread on development - the curated process, iterations and studies; a third spread on resolution - the resolved plans, sections and final images. Each spread does one thing. The reader meets the idea, watches it develop, sees where it landed - and never has to hold six unrelated things in their head at once.
This does not mean one image per spread, or sparse pages; it means one idea per spread, which may be carried by a hero and several supporting images all serving that single point. A resolution spread might have a hero photograph, two plans and a section - four images, but one idea: 'here is the resolved building'. The unity is the test: can you say in one short phrase what this spread is about? If you can ('the problem and the idea', 'how it developed', 'the resolved result'), it has a job. If the honest answer is 'a bit of everything', it needs to be split or focused.
How many spreads does a project get? It depends on the project and the format, but a common range is one to three spreads for most portfolio projects - a single strong spread for a minor project, two or three for a major one. Resist the urge to give every project a huge run of pages; more spreads dilute unless each one earns its keep with a real idea. As always in this course, the discipline is subtraction: give each spread one clear job, and cut the spread that does not have one.
Guide the eye - reading order and the spread as a unit
Hierarchy tells the reader what is most important; reading order tells them what to look at next. On a page, most readers scan in a rough Z or F pattern - top-left first, across, then down - and layout that works with that natural movement reads effortlessly while layout that fights it feels awkward without the reader knowing why. So place your hero and your opening text where the eye lands first, usually the upper or left area of the spread, and arrange the supporting cast so the eye flows down and across in the order you want the story told.
A few concrete moves guide the eye without the reader noticing. Size leads first - the biggest thing is seen first, which is why the hero must dominate. Position leads next - top and left before bottom and right. Alignment and grouping cluster related things so the reader reads them together: a plan and its caption belong touching; three process images belong as a visible set, not scattered. White space is an active tool, not empty leftover - space around the hero isolates and elevates it, and space between groups tells the reader 'this is a separate thought'. Module 2.3 goes deep on white space; for now, the key idea is that generous, deliberate space reads as confidence and cramming reads as panic.
Crucially, treat the two facing pages as one composition, not two separate pages that happen to sit side by side. A reader sees the whole spread at once, so balance it across the gutter (the centre fold): a heavy hero on the left wants some counterweight on the right, and an image should rarely be split awkwardly across the gutter where the fold will swallow its middle. Design the spread as a single field with one hero, a clear path through it, and deliberate space - and the reader will move through your project exactly the way your story intends, without ever having to work at it.
Size then position lead the eye. Group related things. Design the two facing pages as ONE composition across the gutter.
Consistency across the set, and a spread you can walk through
A single well-laid spread is not the goal; a whole portfolio of them, reading as one considered document, is. That takes consistency - a repeating structure that lets each project feel individual while the portfolio feels unified. Decide a few things once and hold them across every project: the margins, the grid, where the project title and framing statement sit, the caption style, the type sizes for each level of the hierarchy. When these are consistent, the reader stops noticing the mechanics and simply reads the work - and the consistency itself signals a designer who can hold a system, which is exactly the competence a studio is hiring for. Inconsistency does the opposite: different margins, wandering title positions and random caption styles read as carelessness even when each individual page is fine.
Consistency is not sameness. Within a shared system, each project still gets its own hero, its own rhythm, its own number of spreads. Think of it like a magazine: every article uses the same underlying grid and type system, yet each feels distinct because the content and the hero differ. That is the balance to aim for - a recognisable, quiet framework that frames varied work without flattening it.
Finally, a spread earns extra points if it is one you can walk through, because in an interview you will literally do that - turn to a spread and talk. A well-built spread supports this: the hero gives you an opening ('this is the project, and here is the idea'), the development spread lets you tell the story of how you got there, and the resolution lets you land it. If a spread is a flat grid with no hero and no order, you have nothing to walk the reader along; if it has hierarchy and sequence, the layout itself gives you a script. So as you lay out each project, imagine talking a stranger through it in ninety seconds. If the spread makes that easy - a clear start, a clear middle, a clear end - it will work on the page and in the room. That is the whole of this module made physical: the right project, told as a story, showing your thinking, laid out so a busy reader takes all of it in and wants the next conversation.
Hero image
The single dominant element on a spread that anchors the eye
Make it two to three times the area of the supporting images - decisive contrast, so there is no doubt where to look first.
Visual hierarchy
Sizing and placing elements by importance to create a reading order
Size leads first, then position (top/left before bottom/right). The squint test reveals whether one thing wins.
One idea per spread
Giving each spread a single job in the project's story
If you cannot name what a spread is about in one phrase, split it or focus it. Maps to establish / develop / resolve.
The spread as a unit
Two facing pages designed as one composition across the gutter
Balance across the centre fold; never split a hero image where the gutter will swallow it.
The grid
The consistent underlying structure of margins, columns and alignment
Set it once and hold it across every project so the portfolio reads as one document. Module 2 goes deeper.
Workshop - lay out one project spread
Take one project - ideally the one you built a story and a process spread for in the last two lessons - and lay it out across one to three spreads with real hierarchy and sequence. This is the module made physical.
Paper and pen for thumbnails, then a layout tool (InDesign, Affinity Publisher, Figma, or even slides). Your chosen images, framing statement and captions from the previous lessons.
Goal: make one project read on the page through hierarchy and sequence Inputs: one project's chosen images + its framing statement and captions + paper or a layout tool Time: ~60 minutes
- 1Decide how many spreads the project earns (usually one to three) and give each spread ONE idea - typically establish (problem + idea), develop (process), resolve (result). Write the one-phrase job of each at the top.
- 2For each spread, choose the hero - the single most important image - and size it two to three times larger than everything else. Place it where the eye lands first (upper/left).
- 3Arrange the supporting images sized by importance, grouping related things (a plan with its caption, a set of process images together), and place your framing statement near the opening hero.
- 4Add generous white space - around the hero and between groups - and check nothing important is split across the gutter. Design each pair of facing pages as one balanced composition.
- 5Do the squint test on every spread: shrink it to a thumbnail. If one element does not clearly dominate, enlarge the hero and shrink the support until it does.
- 6Walk a friend through each spread in ninety seconds out loud. If the layout gives you a clear start, middle and end to talk to, it works; if you stumble, re-sequence.
You’ll walk away with
One project laid out across one to three spreads, each with a clear hero, one idea, deliberate white space, and a sequence you can talk through - a finished, portfolio-ready run of pages.
Three altitudes on the same idea
Read the band that fits you — or all three.
Complex projects tempt you to cram - many drawings, phases and systems fighting for room on every page. Resist it: give each spread one idea, choose a genuine hero even from a technical set (the key section, the decisive plan), and let a run of spreads carry the complexity in sequence rather than piling it onto one. Hold a consistent grid and title system across the whole portfolio so varied, delivery-heavy projects still read as one considered document. And build each project so you can walk a client or interviewer through it - layout that scripts the conversation is a senior skill worth mastering.
Your hero is almost always a photograph - the single best shot of the finished space - so give it commanding size and space, and let plans, details and material boards support it. Sequence a project as arrival: a hero establishing the space and idea, then development (layouts, materials, FF&E), then the resolved photography. Keep white space generous - crowded interiors pages read as cluttered rooms - and never split a hero image across the gutter. Hold one grid and caption style across every project so the portfolio feels as composed as your interiors. Build spreads you can talk a client through.
This is where student portfolios most often fall down - not on the work, but on flat, cramped, hero-less grids that make good projects look ordinary. Give every spread one clear hero two to three times bigger than the rest, one idea per spread, and real white space instead of cramming everything in to look busy. Map your spreads to the story: establish, develop, resolve. Set your margins, grid and title position once and hold them across every project. Then imagine walking a stranger through each spread in ninety seconds - if that is easy, your layout works. Do the squint test on every page.
“A good layout means fitting as much of the project as possible onto each page so the reader sees everything and no space is wasted.”
Do it yourself
No tools needed - reason it through.
- 1Why does a grid of equal-sized images fail, and what is the fix?
- 2How much bigger than the supporting images should a hero be, and why?
- 3What does 'one idea per spread' mean, and how does it map to the project story spine?
- 4Name two ways layout guides a reader's eye through a spread.
- 5Why should two facing pages be designed as a single composition?
The one line to carry out
Peer-reviewed journals & authoritative standards
- 01Page layout — Wikipedia, 2026.
- 02Visual hierarchy — Wikipedia, 2026.
- 03Grid (graphic design) — Wikipedia, 2026.
- 04Negative space — Wikipedia, 2026.
That completes the anatomy of a single project - chosen, told, shown and laid out. The next module widens the lens to the visual craft that underpins every spread: the grid, typography, composition and a visual identity of your own.
The author
Amogh N P
Architect, interior designer, and creative polymath. Studio Matrx began in his notebooks — his vision of design made honest, useful, and open to everyone. Its Academy is written and taught in his memory, and free, forever.
More about Amogh →