Photography Website Design Examples

29 real sites · 524 sections

There are 29 photography website designs here — live sites that are about photography or photographers, including Meech213, Craig Mod, Adovasio, Wheregiantsroam and Thibaud — cut into 524 sections. 83% use a light theme and 17% a dark one; the most common headline fonts are Ceraph (1), Ff meta pro 1 (1) and Poly Sans Neutral (1). 13 of 29 open with a hero, 4 show pricing on the homepage and 2 carry testimonials.

At a glance

Sites: 29
Sections captured: 524
Light / dark: 83% light · 17% dark
Top heading fonts: Ceraph (1), Ff meta pro 1 (1) and Poly Sans Neutral (1)
Accent colours: neutral 20red 4blue 3
Most common sections: features (16), showcase (14), hero (13) and statement (9)
Top industries: Portfolio (24)
Award winners: 5 of 29

What makes a good photography website design

Photography sites are all about the pictures: galleries by type of work, the photographer's style and story, packages or rates and a booking enquiry.

What these 29 photography websites have in common

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

Sections they use

16 include features, 14 include showcase, 13 include hero and 9 include statement. 3 answer objections with an FAQ and 7 (24%) close with a dedicated call to action. Read top to bottom, the most common running order is hero → statement → features → logo cloud → footer. Compare them side by side: features section examples, showcase section examples, hero section examples.

Type and colour

Light layouts lead (83% vs 17% dark). Headlines are most often set in Ceraph (1), Ff meta pro 1 (1) and Poly Sans Neutral (1). The most common accent hues are neutral (20), red (4) and blue (3). Every example lists its exact fonts and hex palette on its page.

Page length

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

29 photography website designs worth studying

Magnum Photos — “Magnum Photos has visually documented most of the world’s major events and personalities since the 1930s covering society, politics, events and conflict” 30 sections, light theme, palette #ffffff and #212121.
Alec Soth — “Alec Soth (born 1969) is an American photographer, based in Minneapolis. Soth is known for his large-scale projects and portraits.” 9 sections, light theme, palette #ffffff and #000000.
Flytographer — “Book local photographers in 350+ cities worldwide. Capture family vacations, surprise proposals and bucket list trips. Receive photos in 5 days.” 38 sections, headlines in Circular, light theme, palette #265669 and #ffffff; the homepage runs logo cloud → showcase → features → logo cloud.
Craig Mod — “The homepage of author and photographer Craig Mod — long walks across Japan, pizza toast, books, photography, literature, and more.” 10 sections, headlines in Ff meta pro 1, light theme, palette #ffffff and #000001; the homepage runs call to action → features → blog.
Cristinagomezruiz — “Cristina Gómez, an independent photographer based in Andalusia, nestled in the captivating south of Spain, who believes that photography is the ultimate form of self-expression.” 3 sections, headlines in Me, light theme, palette #ecebeb and #161310.
Lifetouch — “Lifetouch is the largest and most trusted family and school photography company in the country. We believe that every picture tells a story and that life is about…” 16 sections, headlines in Open Sans, light theme, palette #ffffff and #f9f9fa; the homepage runs call to action → features → footer.

How to use these references for a photography website

Show your best ten images, not your last hundred, grouped by the work you want more of. Make enquiry the only CTA and keep image loading fast. Start with Meech213, Craig Mod and Adovasio, open each site at full size and compare their features and showcase sections; every reference carries its palette, fonts and a build prompt you can paste into your editor.