DESIGN.md Design Systems

Ready-to-use DESIGN.md design systems extracted from real products, from VoltAgent's awesome-design-md.

by @voltagent 74 skills

Skills in this plugin

74
  1. ▌
    Hp Design Analysis · voltagent bundle
    Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.
    50.9k repo stars
  2. ▌
    Bmw Design Analysis · voltagent bundle
    Documents the design system of BMW's corporate website, including color palette, typography, spacing, and layout tokens for UI implementation.
    50.9k repo stars
  3. ▌
    Cal Com Design Analysis · voltagent bundle
    Analyzes and documents the Cal.com design system, including color tokens, typography hierarchy, spacing, and component patterns for use in design implementations.
    50.9k repo stars
  4. ▌
    Ibm Design Analysis · voltagent bundle
    Documents IBM's marketing design system based on Carbon Design System, including colors, typography, layout, and component specifications for enterprise marketing canvases.
    50.9k repo stars
  5. ▌
    Clay Design Analysis · voltagent bundle
    Defines a vibrant claymation-meets-data design system for Clay.com, including color palette, typography, layout, and elevation tokens for GTM-data interfaces.
    50.9k repo stars
  6. ▌
    Expo Design Analysis · voltagent bundle
    Documents the visual design system of Expo's marketing site, including color palette, typography, layout, and component styles for consistent brand implementation.
    50.9k repo stars
  7. ▌
    Meta Design Analysis · voltagent bundle
    Documents Meta's design system for commerce surfaces, including color tokens, typography hierarchy, spacing, and responsive patterns for hardware merchandising.
    50.9k repo stars
  8. ▌
    Miro Design Analysis · voltagent bundle
    Documents Miro's brand design system including colors, typography, layout, and component patterns for visual consistency.
    50.9k repo stars
  9. ▌
    Nike Design Analysis · voltagent bundle
    Documents Nike's commerce design system: photography-first layouts, typographic hierarchy, color palette, and component patterns across PLP, PDP, and editorial pages.
    50.9k repo stars
  10. ▌
    Uber Inspired Design Analysis · voltagent bundle
    Analyzes and recreates Uber's design language: a black-and-white palette, custom geometric display and text fonts, pill-shaped interactive elements, and editorial 4:3 illustrations for transportation and delivery interfaces.
    50.9k repo stars
  11. ▌
    Warp Inspired Design Analysis · voltagent bundle
    Analyzes Warp's design language—warm dark canvas, restrained Inter typography, tight button radii, and terminal-mockup imagery—to extract a reusable design token system.
    50.9k repo stars
  12. ▌
    Wise Inspired Design Analysis · voltagent bundle
    Analyzes and documents Wise's design language, including color palette, typography, spacing, and layout tokens for use in design systems.
    50.9k repo stars
  13. ▌
    Xai Inspired Design Analysis · voltagent bundle
    Analyze and replicate xAI's design language: near-black canvas, white pill outlines, Universal Sans display type, and Geist Mono technical labels.
    50.9k repo stars
  14. ▌
    Apple Design Analysis · voltagent bundle
    Documents Apple's design system including color tokens, typography hierarchy, spacing rhythm, and component patterns across five surfaces.
    50.9k repo stars
  15. ▌
    Bmw M Design Analysis · voltagent bundle
    Defines the BMW M brand design system with a near-black canvas, white BMW Type Next Latin typography, full-bleed automotive photography, and the M tricolor stripe as a signature accent.
    50.9k repo stars
  16. ▌
    Figma Design Analysis · voltagent bundle
    Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.
    50.9k repo stars
  17. ▌
    Slacc Inspired Design Analysis · voltagent
    Documents Slacc's design language including color palette, typography hierarchy, spacing system, and layout tokens for UI implementation.
    50.9k repo stars
  18. ▌
    Tesla · voltagent bundle
    Provides a comprehensive design system specification inspired by Tesla's website, covering visual theme, color palette, typography, and UI patterns.
    50.9k repo stars
  19. ▌
    Wired Inspired Design Analysis · voltagent bundle
    Analyzes and recreates Wired magazine's editorial design language: a strict black-and-white duet, proprietary serif/sans typographic system, square buttons, magazine-style story grid, and hairline borders.
    50.9k repo stars
  20. ▌
    Airbnb Design Analysis · voltagent bundle
    Analyzes Airbnb's design system including color palette, typography, shape language, and component patterns for use in design projects.
    50.9k repo stars
  21. ▌
    Claude Design Analysis · voltagent bundle
    Documents the warm, editorial design system of Claude.com, including color palette, typography, spacing, and surface modes for consistent brand implementation.
    50.9k repo stars
  22. ▌
    Cohere Design Analysis · voltagent bundle
    Documents Cohere's 2026 web design system with color palettes, typography hierarchy, spacing, and layout principles for enterprise AI interfaces.
    50.9k repo stars
  23. ▌
    Cursor Design Analysis · voltagent bundle
    Documents the design system for Cursor's marketing site, including color palette, typography, layout, and component tokens.
    50.9k repo stars
  24. ▌
    Framer Design Analysis · voltagent bundle
    Analyze Framer's marketing site design system, including color palette, typography hierarchy, spacing, and component patterns, to produce a structured design specification.
    50.9k repo stars
  25. ▌
    Kraken · voltagent bundle
    Provides a complete design system specification for Kraken's brand identity, including color palette, typography, component styling, and layout principles for building professional crypto exchange interfaces.
    50.9k repo stars
  26. ▌
    Notion Design Analysis · voltagent bundle
    Documents Notion's brand design system including color tokens, typography hierarchy, layout spacing, and component geometry across homepage, enterprise, AI, agents, startups, and pricing surfaces.
    50.9k repo stars
  27. ▌
    Nvidia Design Analysis · voltagent bundle
    Provides a design system specification for NVIDIA's marketing pages, including color tokens, typography hierarchy, and component patterns for building engineering-style landing pages.
    50.9k repo stars
  28. ▌
    Ollama Design Analysis · voltagent bundle
    Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.
    50.9k repo stars
  29. ▌
    Resend Design Analysis · voltagent bundle
    Analyzes and documents Resend's brand design system, including color palette, typography, spacing, and component patterns for dark-themed developer tools.
    50.9k repo stars
  30. ▌
    Sanity · voltagent bundle
    Provides a comprehensive design system specification inspired by Sanity's visual identity, including color palette, typography, spacing, and component styles for building dark-themed developer interfaces.
    50.9k repo stars
  31. ▌
    Sentri Inspired Design Analysis · voltagent bundle
    Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.
    50.9k repo stars
  32. ▌
    Spacex Inspired Design Analysis · voltagent bundle
    Analyzes and documents SpaceX's design language, including color palettes, typography, layout, and elevation, for use in design systems and brand guidelines.
    50.9k repo stars
  33. ▌
    Stripi Inspired Design Analysis · voltagent bundle
    Analyzes Stripe's design language, documenting its color system, typography, layout, and component patterns for use in design projects.
    50.9k repo stars
  34. ▌
    Vercel Inspired Design Analysis · voltagent bundle
    Analyzes Vercel's design language, documenting its color system, typography, surface hierarchy, and gradient-based decorative system for use in design systems or brand analysis.
    50.9k repo stars
  35. ▌
    Zapier Inspired Design Analysis · voltagent bundle
    Documents Zapier's design language with color palette, typography hierarchy, spacing system, and component specifications for UI implementation.
    50.9k repo stars
  36. ▌
    Binance Design Analysis · voltagent bundle
    Analyzes Binance's design system: near-black canvas, single yellow accent (#FCD535), custom BinanceNova/BinancePlex type stack, multi-theme dark/light modes, and trading green/red semantics.
    50.9k repo stars
  37. ▌
    Bugatti Design Analysis · voltagent bundle
    Documents the Bugatti brand design system: a black-and-white interface with custom typefaces, no accent color, and full-bleed photography as the only visual element.
    50.9k repo stars
  38. ▌
    Ferrari Design Analysis · voltagent bundle
    Documents Ferrari's brand design system including color palette, typography, spacing, and layout tokens for use in marketing materials.
    50.9k repo stars
  39. ▌
    Lovable · voltagent bundle
    Provides a design system specification inspired by Lovable's website, including visual theme, color palette, typography rules, and component styling for building warm, approachable interfaces.
    50.9k repo stars
  40. ▌
    Minimax Design Analysis · voltagent bundle
    Analyzes MiniMax's design system, documenting its dual identity of stark monochrome marketing and vibrant gradient product cards, with detailed color, typography, and layout tokens.
    50.9k repo stars
  41. ▌
    Mongodb Design Analysis · voltagent bundle
    Documents MongoDB's visual design system including colors, typography, layout, elevation, and shapes for UI implementation.
    50.9k repo stars
  42. ▌
    Posthog Design Analysis · voltagent bundle
    Documents PostHog's design system: a warm cream canvas, hand-drawn hedgehog mascots, IBM Plex Sans typography, and a single yellow-orange CTA pill, with detailed color, typography, and component specifications.
    50.9k repo stars
  43. ▌
    Raycast · voltagent bundle
    Documents the Raycast design system with color tokens, typography hierarchy, and surface modes for building consistent dark-mode interfaces.
    50.9k repo stars
  44. ▌
    Renault Design Analysis · voltagent bundle
    Documents Renault's brand design system including color palette, typography hierarchy, and layout principles for web implementation.
    50.9k repo stars
  45. ▌
    Revolut Design Analysis · voltagent bundle
    Documents Revolut's marketing design system: two-mode canvas (black/white), Aeonik Pro display typography, cobalt-violet brand accent, pill-shaped buttons, and product-led photography.
    50.9k repo stars
  46. ▌
    Shopifi Inspired Design Analysis · voltagent bundle
    Analyzes and documents a two-track design system with cinematic dark marketing pages and light transactional surfaces, including color palettes, typography hierarchy, and component vocabulary.
    50.9k repo stars
  47. ▌
    Spotify · voltagent bundle
    Provides a detailed design system specification inspired by Spotify's dark theme, including color palette, typography, component styling, and layout principles for building immersive music-player interfaces.
    50.9k repo stars
  48. ▌
    Webflow Inspired Design Analysis · voltagent bundle
    Analyzes and documents Webflow's design language, including color palette, typography hierarchy, spacing system, and layout principles for use in design systems.
    50.9k repo stars
  49. ▌
    Airtable Design Analysis · voltagent bundle
    Documents Airtable's design system including color tokens, typography hierarchy, spacing, and component patterns for building editorial-style marketing interfaces.
    50.9k repo stars
  50. ▌
    Coinbase Design Analysis · voltagent bundle
    Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.
    50.9k repo stars
  51. ▌
    Composio Design Analysis · voltagent bundle
    Documents the design system for Composio's marketing site, including color palette, typography, layout, elevation, shapes, and component specifications.
    50.9k repo stars
  52. ▌
    Intercom Design Analysis · voltagent bundle
    Documents Intercom's design system including color palette, typography hierarchy, spacing tokens, and layout patterns for marketing surfaces.
    50.9k repo stars
  53. ▌
    Mintlify Design Analysis · voltagent bundle
    Analyzes Mintlify's design system, documenting its dual-mode aesthetic of atmospheric marketing heroes and dense developer documentation surfaces, including color tokens, typography hierarchy, and layout patterns.
    50.9k repo stars
  54. ▌
    Runwayml · voltagent bundle
    Provides a design system specification inspired by Runway's cinematic, dark-themed interface with full-bleed photography, single-typeface typography, and minimal UI elements.
    50.9k repo stars
  55. ▌
    Supabase · voltagent bundle
    Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.
    50.9k repo stars
  56. ▌
    Theverge · voltagent bundle
    Provides a comprehensive design system specification inspired by The Verge's 2024 redesign, including color palette, typography, and component styles for building dark-themed editorial interfaces.
    50.9k repo stars
  57. ▌
    Vodafone Inspired Design Analysis · voltagent bundle
    Analyzes and documents Vodafone's design language, including color palette, typography hierarchy, spacing system, and layout patterns for brand-consistent implementation.
    50.9k repo stars
  58. ▌
    Dell 1996 Inspired · voltagent bundle
    Recreates Dell.com's 1996 catalog-era design with a black page frame, flat color-block ribbon cards, chunky Helvetica-Black titles, Times Roman body copy, and hand-cut GIF stickers.
    50.9k repo stars
  59. ▌
    Hashicorp Design Analysis · voltagent bundle
    Documents HashiCorp's marketing design system: near-black canvas, per-product accent colors, hashicorpSans typography, and charcoal card surfaces for multi-product brand identity.
    50.9k repo stars
  60. ▌
    Pinterest Design Analysis · voltagent bundle
    Documents Pinterest's design system including color palette, typography, shape geometry, and layout patterns for the home page, search results, and creator marketing surfaces.
    50.9k repo stars