# awesome-design-md

> A curated set of DESIGN.md files that capture the look of well-known websites

- Repository: https://github.com/VoltAgent/awesome-design-md
- Category: Design & UI
- Stars: 122,988 · Forks: 13,650 · Language: n/a · License: MIT
- Experience: Beginner friendly
- Page: https://ir.adyog.com/repos/voltagent/awesome-design-md/

A DESIGN.md is a plain markdown file that describes how a product should look and feel. The README compares it to AGENTS.md: AGENTS.md tells coding agents how to build the project, and DESIGN.md tells design agents how it should look. The idea comes from Google Stitch.

This repo is a curated index. Each entry links to a DESIGN.md on getdesign.md that was extracted from a real site, with notes on its patterns, tokens and rules. The README lists about 70 brands, grouped by area: AI platforms, developer tools, fintech, retail, media, automotive, and a few retro 1990s and early-2000s pages.

You copy a file into your project root and ask your agent to build a page that looks like it. There is no Figma export, JSON schema or extra tooling, only text the model reads directly. The README also links a form to request new sites, including private requests. It carries sponsor and product promotions, which are separate from the collection.

## What it does

- **Plain markdown design files**: Each DESIGN.md is a text file with analyzed patterns, tokens and rules for one site's visual style. No special tools are needed to use it.
- **Broad brand coverage**: The list spans AI companies, developer tools, SaaS, fintech, e-commerce, media and car makers, such as Claude, Vercel, Stripe, Spotify and Tesla.
- **Short style note per entry**: Every listing has a one-line description of the look, such as dark canvas, accent color or typeface, so you can pick one before opening it.
- **Retro web series**: A few files come from 1990s and early-2000s sites, such as Dell (1996) and Nintendo.com (2001), for period-style interfaces.
- **Request a DESIGN.md**: You can ask for a file for a specific website, and private requests are delivered only to you.

## What you could build

- Build a landing page that follows the visual style of a site you admire by handing its DESIGN.md to a coding agent.
- Keep AI-generated screens visually consistent by keeping one DESIGN.md in your project root.
- Study how a brand's colors, typography and spacing are written down by reading the files.
- Make a period-accurate 1990s style web page using one of the retro files.
- Write your own DESIGN.md for your product, using these files as examples.

## Who it's for

Suits developers, designers and hobbyists who build UI with AI coding agents; you should know how to give your agent a file or prompt.

## Get started

Browse the collection in the README and open the entry for the style you want on getdesign.md. Copy that DESIGN.md into your project root, then ask your AI coding agent to build a page that looks like it.



Tags: design-md, design-system, awesome-list, ui-generation, coding-agents