Curated website design references
Design Details: search, study and browse real website designs.
A curated library of websites and the details behind them: full-page captures, motion, sections, typography, and color.
Browse
Skip past the designs
Real website designs, captured and taken apart
Design Details is a curated library of hand-picked real websites, with full-page captures, cropped sections, and motion recordings, organised by industry and by section type.
Every site is captured from the live web at desktop and mobile sizes, broken into sections, and described with its typography, colours, platform, and components. Use it to compare how real teams solve the same design problem, then download a DESIGN.md brief to hand a reference to your team or an AI tool.
What the best ones get right
- A first screen that says plainly what the product does
- Real product imagery instead of abstract illustration
- Proof such as logos, results, or quotes placed before the ask
- Motion that explains the product rather than decorating the page
Browse by industry
Questions designers ask
What is Design Details?
A curated library of hand-picked real website designs. Every site has full-page desktop and mobile captures, cropped sections, and the facts behind the design: industry, platform, typography, colours, and components.
How often are new websites added?
New hand-picked sites are added daily. The Weekly Picks email collects the best of each week.
What is a DESIGN.md file?
A short Markdown brief for one website or section, listing its typography, colours, components, and layout notes. Designers can share it with a team, and AI coding tools can read it as a design reference.
How are websites chosen?
Every site is curated and hand-picked by an editor, and designers can suggest sites directly. Each one is reviewed before it is captured and published.