Об этом проекте

Awesome DESIGN.md — это курируемая коллекция документов дизайн-систем (DESIGN.md), извлечённых из реальных сайтов в различных отраслях. Концепция была заимствована из Google Stitch — plain-text markdown-файла, который AI-агенты используют для понимания того, как UI должен выглядеть и ощущаться, без необходимости экспортировать Figma или JSON-схемы. Репозиторий уже содержит более 73 файлов DESIGN.md, охватывающих крупные бренды: AI-платформы (Claude, Cohere, Mistral, OpenAI, xAI), инструменты для разработчиков (Cursor, Vercel, Raycast, Warp), бэкенд-сервисы (ClickHouse, MongoDB, Supabase, Sentry), SaaS для продуктивности (Linear, Notion, Zapier, Cal.com), дизайн-инструменты (Figma, Framer, Webflow), fintech/crypto (Stripe, Revolut, Coinbase, Wise), e-commerce (Airbnb, Nike, Shopify), медиабренды (Apple, Spotify, The Verge, WIRED) и автомобильные компании (BMW, Ferrari, Lamborghini, Tesla). В разделе retro web также представлены винтажные дизайны 1990-х и 2000-х (Dell 1996, Nintendo.com 2001). Каждый DESIGN.md соответствует спецификации Stitch и обычно включает секции: визуальная тема, палитра цветов с семантическими названиями и hex-значениями, правила типографики, стили компонентов (кнопки, карточки, инпуты, навигация), принципы разметки и шкала отступов, глубина и elevation, правила допустимого и недопустимого поведения, адаптивное поведение, а также руководство по агентским промптам. К каждому файлу прилагаются `preview.html` и `preview-dark.html` — визуальные каталоги с цветовыми свотчами, типовой шкалой, кнопками и карточками. Чтобы воспользоваться DESIGN.md, скопируйте его в корень проекта и дайте AI-агенту инструкцию ссылаться на него при создании UI. Пользователи также могут запросить создание кастомных DESIGN.md-файлов для конкретных сайтов через getdesign.md/request.