Designer Portfolio Website Design Examples

There are 13 designer portfolio website designs here — live sites that belong to designers showing their work, including Maggie Appleton, Tobias van Schneider, Brian Lovin, Artemshcherban and Art Yakushev — cut into 99 sections. 77% use a light theme and 23% a dark one; the most common headline fonts are Inter (2), Canela Deck (1) and Suisse (1). 4 of 13 open with a hero, 0 show pricing on the homepage and 0 carry testimonials.

At a glance

Sites
13
Sections captured
99
Light / dark
77% light · 23% dark
Top heading fonts
Inter (2), Canela Deck (1) and Suisse (1)
Accent colours
neutral 7red 2blue 2
Most common sections
statement (5), hero (4), showcase (3) and features (1)
Top industries
Design & Agency (7) and Portfolio (6)
Award winners
10 of 13
Filter

Colour family

Exact colour

Matched by perceptual (OKLab) distance to each palette and the colours measured in the capture.

What makes a good designer portfolio website design

Designer portfolios are case studies in miniature: a short intro, selected projects with the problem and outcome, process artefacts and one clear way to get in touch.

What these 13 designer portfolio websites have in common

Measured from the captures, not opinion — use it to plan a designer portfolio website against what already works.

Sections they use

5 include statement, 4 include hero, 3 include showcase and 1 include features. Almost none carry an FAQ and few close with a dedicated call-to-action section. Read top to bottom, the most common running order is hero → statement → features. Compare them side by side: statement section examples, hero section examples, showcase section examples.

Type and colour

Light layouts lead (77% vs 23% dark). Headlines are most often set in Inter (2), Canela Deck (1) and Suisse (1). The most common accent hues are neutral (7), red (2) and blue (2). Every example lists its exact fonts and hex palette on its page.

Page length

The average homepage here is about 6,154px tall at desktop width — roughly 7 screens of scrolling, with Tobias van Schneider the longest at 11,000px. Open any site to scroll the full-page capture and see where each section falls.

13 designer portfolio website designs worth studying

  • Tobias van Schneider — “I create, therefore I am. I'm Tobias van Schneider a designer born in Germany, raised in Austria & currently living and working in New York City.” 9 sections, headlines in Inter, light theme, palette #000000 and #afafaf.
  • Brian Lovin — “Brian Lovin is a designer and software engineer living in San Francisco, currently designing AI products at Notion.” 5 sections, headlines in Inter, light theme, palette #ffffff and #420000.
  • Hardikbhansali — “Hardik Bhansali – Web Designer Portfolio. Explore the creative work of an Awwwards jury member specializing in interface design, interactive experiences, and LUCERRÁ.” 0 sections, headlines in Pixel, light theme, palette #000000 and #ffea63.
  • Matvoyce — “Mat is your friendly neighbourhood type designer & animator.” 7 sections, headlines in F37Judge, light theme, palette #fffef8 and #ffffff; the homepage runs hero → statement → logo cloud → statement.
  • Steviaplease — “I'm Camille Frairrot, a multidisciplinary motion and art director based Paris, with experience working for prestigious clients and agencies. Former @Akqa.” 3 sections, headlines in Work Sans, light theme, palette #f4f0ed and #ffffff.
  • Paolovendramini — “Graphic eater, hamburger designer. Not necessarily in that order.” 25 sections, light theme, palette #ffffff and #0000ff.

How to use these references for a designer portfolio website

Show four to six projects in depth rather than twenty thumbnails, lead each with the outcome, and put contact and CV one click away. Start with Maggie Appleton, Tobias van Schneider and Brian Lovin, open each site at full size and compare their statement and hero sections; every reference carries its palette, fonts and a build prompt you can paste into your editor.

Related searches

Browse all websites or the full A–Z of popular searches.

How this list is built: 13 sites from the UIDiscovery library that belong to designers showing their work, matched on each product's own title, description and headline copy, captured styles, colours and fonts. Ordered by popularity.

Library updated