Aggressive whitespace and a single accent colour that earns its place
Why it works
An aggressive grid system lets photography breathe across the full viewport. Typography hierarchy is handled through scale and weight rather than colour — an orange accent appears only on hover states, maintaining complete focus on the work itself. Nothing decorates; everything serves.
Who should look at this
Portfolio photographers and visual artists who want their work to command attention without decorative interference.
Signature technique
Fixed navigation with fade-in opacity transitions paired with a rigid grid system that forces intentional placement — every element earns its position, nothing accidentally clutters the frame.
How the page is built
- Name and three links. The photographer's name sits top-left and three bold uppercase links, About, Archive and Art, sit top-right, with no decoration at all.
- Specialities line. Five categories, Fashion, Beauty, Jewelery, Commercial and Editorials, are set in a centred line so a visitor knows the range in one glance.
- Ranked client names. Major names such as Vogue and Bvlgari appear in italics on one line, with a smaller line of further brands beneath, so type size ranks the clients.
- Scattered work grid. Stills and moving clips in different sizes are placed unevenly across the white page, many with a client's name or logo laid over them.
- Footer. A copyright line, a note that he is represented by an agency and a studio address in Hamburg give the practical details a commissioner needs.
Look and feel
A pure white page with black type in one plain sans, so the site has no colour of its own and the work supplies it, in mustard yellows, denim blues and warm skin tones. The uneven sizes and gaps make it feel like a contact sheet pinned to a wall.
Where it might not fit
The page is almost entirely pictures and names, with no sentence about what he does, what a project costs or how to book beyond a mention of his agency. That works for an established photographer with a famous client list, but a newcomer would need words to fill the gap. The scattered layout also gives no sign of which images matter most.
What to borrow
- Rank your clients by type size, with big names on one line and smaller ones below, so the order says who matters without a word.
- Keep the page white and use a single plain typeface, so your work supplies all the colour.
- Scatter images at different sizes with uneven gaps instead of a tidy grid, so the page feels curated like a pinboard.
Brief your developer
“I want a plain white page with my name top-left, three text links top-right, a centred line of my specialities, my best-known clients in italics in two sizes, and then a scattered grid of my work at different sizes with the client's name over each piece.”
How should a creative portfolio show its client list?
Laurenz Marsau places client names near the top in two tiers: italic names such as Vogue and Bvlgari on one line and a smaller line of other brands beneath. The size difference ranks them without a word, and visitors see credibility before any image. A newer creative can do the same with whatever recognisable names they have, even if it is only two or three.
Does a portfolio website need explanatory text?
This page has almost none, just a list of specialities and then the work, with an agency mentioned in the footer. It works because the client names and images make the case. If you are not yet well known, add a short paragraph on what you do and how to book, because visitors cannot work that out from pictures alone.
“Like Laurenz Marsau, but for my business.”
That sentence is a start — it isn't a brief. Answer eight questions and get a structured PDF your developer can quote from on the first call.