# Design Details

> A curated library of real websites for designers and AI agents: full-page captures, individual sections, scroll recordings and measured design facts, each linked to the original website.

Design Details collects public websites chosen by an editor. Each website has desktop and mobile captures, a scroll recording when one is available, and its home page cut into sections such as navigation, hero, features, testimonials and footer. Sections carry measured facts from the captured page (fonts, colours, spacing) and a short note on why the section works.

## Collections

- [Latest websites](https://designdetails.io/): the newest published websites first
- [Websites](https://designdetails.io/websites): every published website
- [Sections](https://designdetails.io/sections): individual sections from those websites
- Section types: sections by component, for example [hero](https://designdetails.io/section-types/hero), [pricing](https://designdetails.io/section-types/pricing) and [footer](https://designdetails.io/section-types/footer)
- [Categories](https://designdetails.io/categories): websites grouped by industry
- [Collections](https://designdetails.io/collections): ranked lists with a note on each pick, for example [best Framer websites](https://designdetails.io/collections/framer-websites), [best SaaS website designs](https://designdetails.io/collections/saas-websites) and [best AI website hero sections](https://designdetails.io/collections/ai-hero-sections)
- [Weekly Picks archive](https://designdetails.io/newsletter): past newsletter issues

## For agents

- MCP server: `https://designdetails.io/api/mcp` (search sections by description and read their measured evidence; a plain GET returns usage and the tool list)
- DESIGN.md for a website: `https://designdetails.io/api/design/{website-slug}`
- [Sitemap](https://designdetails.io/sitemap.xml) and [RSS feed](https://designdetails.io/rss.xml)

The HTML pages and their structured data are the authoritative source; this file is a guide to them.

## Editorial approach and attribution

- An editor chooses which public websites to capture and publish. Reader suggestions and discovery sources go into a private review queue; a suggestion or a sponsorship does not guarantee a feature.
- Every reference names and links to the original website. The designs belong to their owners; Design Details shows captures for study and reference.
- Measured facts come from the captured page. Section names and notes are drafted with AI, and an editor reviews each website before it is published.
- Website owners can ask for a capture to be removed: [privacy and takedowns](https://designdetails.io/privacy#contact).

## About

- [About Design Details](https://designdetails.io/info)
- [Submit a website](https://designdetails.io/submit)
- [Press kit](https://designdetails.io/presskit)
- [Privacy](https://designdetails.io/privacy)