Sobre o projeto
Awesome DESIGN.md é uma coleção curada de documentos de sistema de design (DESIGN.md) extraídos de sites reais de diversos setores. O conceito tem origem no Google Stitch — um arquivo markdown em texto puro que agentes de IA leem para entender como uma interface deve ser e sentir, sem precisar de exportações Figma ou esquemas JSON.
O repositório possui atualmente mais de 73 arquivos DESIGN.md abrangendo grandes marcas, incluindo plataformas de IA (Claude, Cohere, Mistral, OpenAI, xAI), ferramentas para desenvolvedores (Cursor, Vercel, Raycast, Warp), serviços de backend (ClickHouse, MongoDB, Supabase, Sentry), SaaS de produtividade (Linear, Notion, Zapier, Cal.com), ferramentas de design (Figma, Framer, Webflow), fintech/crypto (Stripe, Revolut, Coinbase, Wise), e-commerce (Airbnb, Nike, Shopify), marcas de mídia (Apple, Spotify, The Verge, WIRED) e automóveis (BMW, Ferrari, Lamborghini, Tesla). Uma seção retrô de web também inclui designs vintage dos anos 1990 e 2000 (Dell 1996, Nintendo.com 2001).
Cada DESIGN.md segue a especificação Stitch e geralmente inclui seções sobre tema visual, paleta de cores com nomes semânticos e valores hexadecimais, regras de tipografia, estilizações de componentes (botões, cartões, entradas, navegação), princípios de layout e escala de espaçamento, profundidade e elevação, regras do e não, comportamento responsivo e um guia de prompts para agentes. Cada entrada também acompanha os arquivos preview.html e preview-dark.html, mostrando amostras de cores, escala tipográfica, botões e cartões.
Para usar um deles, basta copiar o DESIGN.md para a raiz do seu projeto e instruir seu agente de codificação com IA a consultá-lo durante a construção da interface. Os usuários também podem solicitar arquivos DESIGN.md personalizados para sites específicos por meio de getdesign.md/request.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.