# Awesome DESIGN.md

> Curated collection of plain-text design systems extracted from popular tech websites.

Awesome DESIGN.md is an open-source repository containing ready-to-use DESIGN.md files modeled after well-known brands and developer tools like Notion, Linear, and Stripe. Based on the Google Stitch specification, each markdown document captures color palettes, typography scales, layout rules, and component patterns. Developers can drop these files into their project roots so AI coding agents understand and replicate specific design languages.

Website: https://github.com/VoltAgent/awesome-design-md

## What it is for

- Guide AI coding agents like Claude Code or Cursor to build matching frontend interfaces
- Incorporate established color palettes, typography scales, and tokens into a new app
- Maintain consistent visual styles across vibes-coded pages without Figma exports
- Study how modern tech brands structure their design tokens and layout hierarchies

## Features

- Over 70 structured design system breakdowns following the Google Stitch DESIGN.md format
- Tokens covering semantic color roles, typography tables, spacing scales, and shadow elevations
- Component styling specifications including button states, cards, inputs, and navigation patterns
- Included preview.html and preview-dark.html files to inspect visual swatches and components
- Clear design rules including Do's, Don'ts, responsive behavior, and agent prompt guides
- Covers developer tools, AI platforms, fintech, e-commerce, and vintage retro-web styles

## Pricing

Open source. Free and open source (MIT license)

## Details

- Type: GitHub repo
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [Design Systems](https://xiry.app/topics/design/design-systems.md)
- Open source: yes
- Platforms: Web, other
- For: Developers, AI vibecoders, and designers building frontend UI with AI coding tools.
- Tags: design system, design tokens, ai coding, vibe coding, markdown, ui design, claude code

## Why it was saved

- [@adam_ha_yes, 19 August 2026](https://www.instagram.com/reel/DcOs3VwRK0B/): Gives developers boilerplate code and structure to replicate complex, high-converting startup landing page designs.
- [@adam_ha_yes, 19 August 2026](https://www.instagram.com/reel/DcOs3VwRK0B/): Breaks down brand aesthetics into structured components and guidelines you can feed directly to AI coding tools.
- [@chase.h.ai, 3 August 2026](https://www.instagram.com/reel/Dblx-7rJUPG/): Gives AI agents accurate color palettes, typography scales, spacing, border radii, and component tokens modelled after successful products like Notion, Supabase, and Linear.
- [@adrien.ninet, 8 April 2026](https://www.instagram.com/reel/DW4qBnaCF5t/): Allows developers to import structured brand design specs (from companies like Linear, Stripe, Raycast, and Notion) directly into AI coding agents like Claude Code to avoid generic AI-looking frontends.

## Related

- [Minimal Product Design Cheatsheet](https://xiry.app/resources/minimal-product-design-cheatsheet): Quick typography, color palette, and iconography reference for clean product interfaces. (Tip, Free)
- [Modulor](https://xiry.app/resources/modulor): Open-source, token-driven design system and Figma UI kit by GR8 Tech. (Website, Open source)
- [Refero Styles](https://xiry.app/resources/refero-styles): AI-readable DESIGN.md style references extracted from popular websites. (Web app, Free)
- [Building Effective Agents: Workflow and Agent Patterns](https://xiry.app/resources/building-effective-agents-workflow-and-agent-patterns): Architectural framework categorizing LLM workflows and autonomous agent patterns (Framework, Free)
- [Checklist Design](https://xiry.app/resources/checklist-design): Curated UI and UX checklists for websites, apps, and user flows (Website, Free)
- [Clean UI Blueprint](https://xiry.app/resources/clean-ui-blueprint): A concise spec sheet of typography, colors, and radii for minimal UI (Tip, Free)

Updated 3 October 2026. Page: https://xiry.app/resources/awesome-design-md

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.