Website showcase
Website design inspiration sites worth studying
Lesser-known websites with design worth learning from, picked by our editors. Every tile is a screen recording of the real site in action, so you can see how it moves before you visit, and the tall tiles show the phone version. Below the recordings, each site is listed with the one thing it does best.
15 websites
Screen recordings of each website
The list
What to learn from each site
-
House of Honey
An interiors collective: a huge serif masthead with script lettering, then warm room photography as you scroll.
-
Union Boulangerie
A Paris neighbourhood bakery: a hero video of fresh bakes, then big blue type and candid photos of the team.
-
Stereoscope Coffee
A stark grey page where each coffee bag sits alone like a gallery piece.
-
The Surfer’s Journal Archives
Decades of magazine covers, each set on its own bold flat colour.
-
Carrière Scène
Condensed black headlines stacked like a theatre bill, with warped type for the big moments.
-
Blond
A design studio that opens on a giant lime wordmark, then soft-lit product renders.
-
Agrumea Farm
Jars of preserves float and turn over a deep red arch as you scroll.
-
TaylorHare Architects
Opens on a misty forest film, then calm cream pages of houses set into the landscape.
-
Grail
Playful 3D cards tumble over a lilac backdrop before a calm reading view.
-
Oath Biome
Soil science made warm: deep greens, portrait photography and a clear editorial layout.
-
Les Grands Chênes
A woodland guesthouse told in quiet serif type, soft beige and forest photography.
-
Tekt
Modular homes shown with warm forest photography and a clean blueprint-style grid.
-
Life Stories
Video interviews lead, with a calm grid of stories and documentary films below.
-
Odyssée
A clinic that opens on soft close-up portrait video, then airy cream layouts.
-
Jakobsen Copenhagen
Gulls over Copenhagen rooftops in the hero, then a tidy furniture collection grid.
New sites are added regularly. Run a website you are proud of? Tell us about it.
Guide
How to use website inspiration well
Good inspiration sites are for learning, not copying. Look at each one for a single idea you can name, then build your own version of that idea.
- Name the move. "Huge serif headline over a full-width photo" is something you can prompt; "nice vibe" is not.
- Watch the motion, not just the layout. How things enter, scroll and respond is what makes these sites feel finished.
- Check the phone version. The tall tiles show how each site handles a small screen.
- Then find the prompt. Our library has prompts for the sections these sites are built from: browse the prompt library.