Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

awesome-design-md

A collection of DESIGN.md files inspired by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
https://github.com/voltagent/awesome-design-md

Last synced: 10 days ago
JSON representation

  • Collection

    • AI & LLM Platforms

      • **Claude** - Anthropic's AI assistant. Warm terracotta accent, clean editorial layout
      • **Cohere** - Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic
      • **ElevenLabs** - AI voice platform. Dark cinematic UI, audio-waveform aesthetics
      • **Minimax** - AI model provider. Bold dark interface with neon accents
      • **Mistral AI** - Open-weight LLM provider. French-engineered minimalism, purple-toned
      • **Ollama** - Run LLMs locally. Terminal-first, monochrome simplicity
      • **OpenCode AI** - AI coding platform. Developer-centric dark theme
      • **Replicate** - Run ML models via API. Clean white canvas, code-forward
      • **Runway** - AI creative-tools platform with an editorial film-festival aesthetic — cinematic dark heroes, paper-white reading bands, single proprietary sans, and pure black pill CTAs.
      • **Together AI** - Open-source AI infrastructure. Technical, blueprint-style design
      • **VoltAgent** - AI agent framework. Void-black canvas, emerald accent, terminal-native
      • **xAI** - Elon Musk's AI lab. Stark monochrome, futuristic minimalism

    • Automotive

      • **BMW** - Luxury automotive. Dark premium surfaces, precise German engineering aesthetic
      • **Bugatti** - Luxury hypercar. Cinema-black canvas, monochrome austerity, monumental display type
      • **Ferrari** - Luxury automotive. Chiaroscuro black-white editorial, Ferrari Red with extreme sparseness
      • **Lamborghini** - Luxury automotive. True black cathedral, gold accent, LamboType custom Neo-Grotesk
      • **Renault** - French automotive. Vivid aurora gradients, NouvelR proprietary typeface, zero-radius buttons
      • **Tesla** - Electric vehicles. Radical subtraction, cinematic full-viewport photography, Universal Sans
      • **BMW M** - Performance automotive. Motorsport-inspired contrast, M color accents, precision-driven layout

    • Backend, Database & DevOps

      • **ClickHouse** - Fast analytics database. Yellow-accented, technical documentation style
      • **Composio** - Tool integration platform. Modern dark with colorful integration icons
      • **HashiCorp** - Infrastructure automation. Enterprise-clean, black and white
      • **MongoDB** - Document database. Green leaf branding, developer documentation focus
      • **PostHog** - Product analytics. Playful hedgehog branding, developer-friendly dark UI
      • **Sanity** - Headless content platform with a dark-first editorial marketing surface — 112px display type, IBM Plex Mono technical eyebrows, and a single coral-red accent reserved for the highest-priority CTA.
      • **Sentry** - Error monitoring. Dark dashboard, data-dense, pink-purple accent
      • **Supabase** - Open-source Firebase alternative. Dark emerald theme, code-first

    • Design & Creative Tools

      • **Airtable** - Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic
      • **Clay** - Creative agency. Organic shapes, soft gradients, art-directed layout
      • **Figma** - Collaborative design tool. Vibrant multi-color, playful yet professional
      • **Framer** - Website builder. Bold black and blue, motion-first, design-forward
      • **Miro** - Visual collaboration. Bright yellow accent, infinite canvas aesthetic
      • **Webflow** - Visual web builder. Blue-accented, polished marketing site aesthetic

    • Developer Tools & IDEs

      • **Cursor** - AI-first code editor. Sleek dark interface, gradient accents
      • **Expo** - React Native platform. Dark theme, tight letter-spacing, code-centric
      • **Lovable** - AI full-stack builder. Playful gradients, friendly dev aesthetic
      • **Raycast** - Productivity launcher. Sleek dark chrome, vibrant gradient accents
      • **Superhuman** - Fast email client. Premium dark UI, keyboard-first, purple glow
      • **Vercel** - Frontend deployment platform. Black and white precision, Geist font
      • **Warp** - Modern terminal. Dark IDE-like interface, block-based command UI

    • E-commerce & Retail

      • **Airbnb** - Travel marketplace. Warm coral accent, photography-driven, rounded UI
      • **Meta** - Tech retail store. Photography-first, binary light/dark surfaces, Meta Blue CTAs
      • **Nike** - Athletic retail. Monochrome UI, massive uppercase Futura, full-bleed photography
      • **Shopify** - E-commerce platform. Dark-first cinematic, neon green accent, ultra-light display type
      • **Starbucks** - Coffee retail flagship. Four-tier earth-green system, warm cream canvas, proprietary SoDoSans typography

    • Fintech & Crypto

      • **Binance** - Crypto exchange. Bold Binance Yellow on monochrome, trading-floor urgency
      • **Coinbase** - Crypto exchange. Clean blue identity, trust-focused, institutional feel
      • **Kraken** - Crypto trading platform. Purple-accented dark UI, data-dense dashboards
      • **Mastercard** - Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth
      • **Revolut** - Digital banking. Sleek dark interface, gradient cards, fintech precision
      • **Stripe** - Payment infrastructure. Signature purple gradients, weight-300 elegance
      • **Wise** - International money transfer. Bright green accent, friendly and clear

    • Media & Consumer Tech

      • **Apple** - Consumer electronics. Premium white space, SF Pro, cinematic imagery
      • **IBM** - Enterprise technology. Carbon design system, structured blue palette
      • **NVIDIA** - GPU computing. Green-black energy, technical power aesthetic
      • **Pinterest** - Visual discovery platform. Red accent, masonry grid, image-first
      • **PlayStation** - Gaming console retail. Three-surface channel layout, cyan hover-scale interaction
      • **SpaceX** - Space technology. Stark black and white, full-bleed imagery, futuristic
      • **Spotify** - Music streaming. Vibrant green on dark, bold type, album-art-driven
      • **The Verge** - Tech editorial media. Acid-mint and ultraviolet accents, Manuka display type
      • **Uber** - Mobility platform. Bold black and white, tight type, urban energy
      • **Vodafone** - Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands
      • **WIRED** - Tech magazine. Paper-white broadsheet density, custom serif, ink-blue links
      • **HP** - PC and printer maker. Pure white canvas, HP Electric Blue signal CTA, geometric Forma DJR Micro, blue chevron decorations

    • Productivity & SaaS

      • **Cal.com** - Open-source scheduling. Clean neutral UI, developer-oriented simplicity
      • **Intercom** - Customer messaging. Friendly blue palette, conversational UI patterns
      • **Linear** - Project management for engineers. Ultra-minimal, precise, purple accent
      • **Mintlify** - Documentation platform. Clean, green-accented, reading-optimized
      • **Notion** - All-in-one workspace. Warm minimalism, serif headings, soft surfaces
      • **Resend** - Email API for developers. Minimal dark theme, monospace accents
      • **Zapier** - Automation platform. Warm orange, friendly illustration-driven

  • Contributing

  • Request a DESIGN.md

  • Sponsors ❤️

  • What is DESIGN.md?

    • DESIGN.md - text design system document that AI agents read to generate consistent UI.
    • DESIGN.md - text design system document that AI agents read to generate consistent UI.

  • What's Inside Each DESIGN.md

Categories
Collection 71 Sponsors ❤️ 2 What's Inside Each DESIGN.md 2 What is DESIGN.md? 2 Contributing 1 Request a DESIGN.md 1
Sub Categories
Media & Consumer Tech 12 AI & LLM Platforms 12 Automotive 9 Backend, Database & DevOps 8 Developer Tools & IDEs 7 Productivity & SaaS 7 Fintech & Crypto 7 Design & Creative Tools 6 E-commerce & Retail 5 How to Use 1