20 Well-Designed Websites Worth Studying (and What to Learn)
Great design is easier to learn from examples. Explore 20 well-designed websites with notes on what each one does well.
Open the free Website Design Inspiration Gallery →What is the Website Design Inspiration Gallery?
20 well-designed websites worth studying, with what to learn from each. It's completely free, needs no sign-up and works on any phone or computer.
Why it's helpful
- Curated examples
- What to learn from each
- Ideas for your next project
Who it's for
Designers, developers and founders planning a website.
How to use it
- Open a site and study its layout, typography, spacing and calls to action.
- Use our palette extractor on a screenshot to learn its colours.
💻 Open source: this tool is free and open source (MIT License). View the code on GitHub, download it and run it offline.
The bigger picture: Design
Good design builds trust in seconds. Colour, typography, spacing and accessibility tools help developers and small businesses create websites that look professional without hiring a full design team.
What's changing: Accessibility is moving from nice-to-have to expected, and modern CSS now does with a few lines what used to need images and JavaScript.
Frequently asked questions
Can I copy these designs?
Learn from them, but create your own. Copying layouts and assets directly can infringe copyright.
