Typography for Portfolios

Every typeface has a tone. A humanist serif feels editorial and warm; a clean grotesque sans feels modern and neutral; a geometric sans feels precise; a mono feels technical. That tone becomes the voice of your portfolio, so the choice is worth a little thought - but far less than beginners fear, because the single most important rule is simply this: use one typeface, or at most two. One is entirely enough for a strong portfolio. Two - typically one for display (titles and project names) and one for text (body, captions, everything else) - gives you a little contrast without noise. Three or more, and the document loses its voice and starts to look like a ransom note.

When you do pair two typefaces, pair for contrast, not similarity. A common, reliable combination is a characterful serif for titles with a plain, highly legible sans for text - the difference is clear, so the two read as a deliberate system rather than a near-miss. Pairing two sans that are almost-but-not-quite the same is the classic mistake: the reader senses something is off without knowing why. Many designers sidestep pairing entirely by using a single well-drawn family that ships with many weights (a 'superfamily') and building the whole hierarchy from those weights alone. That is a perfectly professional choice and often the safest one.

On choosing the actual faces: you do not need anything exotic, and you should avoid the clichés (the overused geometric sans that shouts 'design student', and anything decorative or handwritten). Reach instead for quietly excellent, widely available faces - the kind bundled with good software or offered free through reputable foundries and Google Fonts. A neutral, well-made sans for text and, if you want a second voice, one restrained serif for titles will carry any portfolio. Spend your creative energy on the work; let the type be the calm, confident frame around it.

> One typeface says 'I know exactly what I am doing'. Five say 'I could not decide'.

Hierarchy is the order of importance a reader perceives on a page, built almost entirely from size, weight and space rather than from more fonts. On any spread there are only a few roles: the project title (loud, unmistakable), the section or subheadings (clearly secondary), the body text (comfortable to read at length), and the caption or credit (small, quiet, supportive). A reader should be able to glance at a page and instantly know that order without consciously reading anything. When hierarchy is clear the page feels effortless; when it is flat - everything at a similar size and weight - the reader has to work out what matters, and most will not bother.

You build hierarchy with a small set of tools, and the discipline is to use a few steps decisively rather than many steps timidly. Size is the bluntest: make the title genuinely bigger than the heading, and the heading clearly bigger than the body - small, nervous jumps read as indecision. Weight is the next: a bold heading against regular body text separates them without changing size. Space is the most underrated: room above a heading, and a clear gap between a caption and the image it belongs to, does as much work as any size change. Colour can mark hierarchy too, but use it last and lightly (that is the subject of Lesson 2.4).

A practical way to lock this down is to define a type scale - a fixed set of sizes you will use and no others - before you lay out a page. Deciding your sizes once, then reusing only those, is exactly the same discipline as the grid, applied to type. Here is a sane starting scale for a print portfolio:

Project title   28-36 pt   (display face, one per project opener)
Section heading 16-20 pt   (bold)
Body text       10-12 pt   (regular, your workhorse)
Caption/credit  8-9 pt     (regular or light - never smaller)

Use those four steps consistently across the whole portfolio and the hierarchy will hold itself together. The reader will never notice the system - they will simply always know where to look.

The most common typographic failure in real portfolios is not an ugly font - it is text that cannot be read. Captions shrunk to 6pt to squeeze onto a busy page; pale grey type on a white ground in the name of 'subtlety'; body text set in a line so long the eye loses its place returning to the left; a project description reversed out of a mid-tone photograph where half the words vanish. Every one of these quietly punishes the reader in exactly the moment you have earned their closer attention, and every one is avoidable.

Legibility comes down to a handful of habits. Size: never let type you actually want read drop below roughly 8pt in print, or about 14-16px for body text on screen - and remember a PDF is often viewed on a phone, where small type is smaller still. Contrast: keep a strong difference between text and background; near-black on off-white is the reliable default, and if you set text over an image, place it on a calm area or add a subtle scrim so every word survives. Line length: aim for roughly 45-75 characters per line for body text - much longer and the eye gets lost, much shorter and the rhythm breaks; the column grid from the last lesson is what controls this. Leading (line spacing): give lines a little air, commonly around 120-145% of the type size, so paragraphs do not feel tight. And alignment: left-aligned text is the most legible default; avoid justified text with big rivers of white space, and use centred text only for short lines, never for paragraphs.

Captions deserve special mention because they carry so much of a portfolio's information - what a project is, its scale, its location, your role - and are the first thing people cut down to nothing. Treat the caption as a real design element: small, yes, but always legible, consistently placed, and consistently styled. A clear one-line caption under every image (Fig 4 - kitchen, north light, 2026. Role: design + FF&E.) does more for a busy reader than a paragraph they will not read. If a caption is worth including, it is worth making readable.

If there is a single word for good portfolio typography, it is restraint. Almost every typographic error is a form of trying too hard, and almost every fix is doing less. Here are the recurring mistakes and their remedies, drawn from real portfolio reviews:

Too many typefaces. The classic tell of an anxious portfolio. Fix: one, or two with clear contrast, across the whole document. Everything the same size. No hierarchy, so nothing leads - the reader is left to guess. Fix: a defined type scale with decisive steps. Tiny, pale captions. Information you went to the trouble of writing, made unreadable. Fix: legible size, strong contrast, consistent placement. ALL CAPS for body text or long lines. Fine for a short label or kicker, punishing for anything longer because the shapes of words disappear. Fix: keep caps short. Justified paragraphs with ragged internal spacing. Rivers of white that fracture the text. Fix: left-align. Text fighting a photo. Words placed over a busy image. Fix: move the text to a clear space, or add a scrim.

There is also a subtler discipline: consistency of typographic detail. Use one style of quotation marks and dashes throughout; keep the same spacing above every heading; align your captions the same way on every page; do not mix bold and italic and colour all at once to emphasise a single word - pick one. These details are invisible individually and unmistakable in aggregate; they are the difference between a portfolio that looks typeset and one that looks typed.

> When you are unsure whether to add a typographic flourish, the answer is almost always no. Take something away instead.

The encouraging truth is that typography is one of the most learnable parts of this whole course. You do not need talent to set type well - you need a couple of good typefaces, a fixed scale, generous space and the discipline to stop. Do that, and your portfolio will read as the work of someone calm and in control, which is precisely the impression that wins the next conversation.