Free deterministic extraction. Optional AI enrichment.
Turn any public website into a portable design.md
Paste a URL to capture colors, typography, spacing, radii, components, and a token preview. Then export the artifact for agents, docs, repos, or local workflows.
Use in your coding agent
Install once, then run in chat.
/extract-design-md https://stripe.comFor AI enrichment, add “and enrich using your own model.”
Free example library
Start from curated design.md artifacts.
Each example includes deterministic and AI-enriched design.md views, seeded from public websites and shown with a small source-site mark for identification. Generate a fresh version any time from the source URL.
Fintech & CryptoStripestripe.com
Payment infrastructure with crisp typography, restrained surfaces, and violet conversion moments.View artifact->Fintech & CryptoIntuitintuit.comFinancial product system with practical blue actions, trusted green accents, and utility panels.View artifact->E-commerce & RetailWalmartwalmart.com
Retail system with blue commerce chrome, yellow deal signals, and dense product grids.View artifact->Media & Consumer TechAppleapple.com
Premium consumer-tech system with SF typography, cinematic product imagery, and generous white space.View artifact->E-commerce & RetailShopifyshopify.comCommerce-platform system with dark cinematic sections, green accents, and confident merchant storytelling.View artifact->Developer Tools & IDEsVercelvercel.com
Frontend platform system with black-white precision, Geist typography, and code-forward product surfaces.View artifact->E-commerce & RetailAirbnbairbnb.com
Travel marketplace system with warm coral actions, photography-led cards, and rounded booking UI.View artifact->E-commerce & RetailNikenike.com
Athletic retail system with monochrome UI, bold display type, and full-bleed photography.View artifact->AI & LLM PlatformsClaudeanthropic.com
AI assistant system with warm editorial surfaces, terracotta accents, and careful prose hierarchy.View artifact->Design & Creative ToolsFigmafigma.com
Collaborative design-tool system with vibrant brand colors, playful geometry, and product-led layouts.View artifact->Productivity & SaaSLinearlinear.app
Issue-tracking system with minimal dark surfaces, precise spacing, and subtle purple accents.View artifact->Productivity & SaaSNotionnotion.com
Workspace system with warm minimalism, serif display moments, and soft document-like surfaces.View artifact->Backend, Database & DevOpsSupabasesupabase.com
Open-source backend system with dark emerald surfaces, code panels, and developer-first hierarchy.View artifact->Developer Tools & IDEsGitHubgithub.com
Developer platform system with dark code surfaces, Octicon-style UI, and collaboration patterns.View artifact->AutomotiveBMWbmwusa.com
Luxury automotive system with austere surfaces, electric blue CTAs, and full-bleed vehicle imagery.View artifact->Media & Consumer TechSpotifyspotify.com
Music streaming system with vivid green accents, dark surfaces, bold type, and album-art energy.View artifact->Design & Creative ToolsAirtableairtable.com
Structured-data product system with white editorial canvas and colorful workflow surfaces.View artifact->Fintech & CryptoBinancebinance.com
Crypto exchange system with black-yellow contrast, trading status colors, and urgent transaction UI.View artifact->AutomotiveBMW Mbmw-m.com
Performance automotive system with motorsport imagery, near-black surfaces, and M tricolor accents.View artifact->AutomotiveBugattibugatti.com
Hypercar system with monochrome austerity, cinematic photography, and monumental display type.View artifact->Productivity & SaaSCal.comcal.comScheduling system with clean neutral surfaces, black CTAs, and Cal Sans display hierarchy.View artifact->Design & Creative ToolsClayclay.comGTM data system with bright art direction, rounded type, and saturated feature cards.View artifact->Backend, Database & DevOpsClickHouseclickhouse.com
Analytics database system with black canvas, electric yellow accents, and code-heavy cards.View artifact->AI & LLM PlatformsCoherecohere.comEnterprise AI system with editorial white space, mineral surfaces, and data-rich product bands.View artifact->Fintech & CryptoCoinbasecoinbase.com
Crypto finance system with clean blue identity, institutional calm, and layered product cards.View artifact->Backend, Database & DevOpsComposiocomposio.dev
AI integration platform with dark technical surfaces, blue voltage, and terminal-style mockups.View artifact->Developer Tools & IDEsCursorcursor.com
AI code editor system with warm editorial canvas, orange actions, and code timeline visuals.View artifact->Retro WebDell (1996)web.archive.orgCatalog-era web system with black frames, flat ribbon cards, Times body copy, and GIF-era badges.View artifact->AI & LLM PlatformsElevenLabselevenlabs.ioVoice AI system with off-white editorial surfaces, atmospheric gradients, and subtle black CTAs.View artifact->Developer Tools & IDEsExpoexpo.dev
React Native platform system with white canvas, code surfaces, and device mockup hero moments.View artifact->AutomotiveFerrariferrari.comLuxury automotive system with cinematic near-black surfaces, Rosso Corsa accents, and sparse CTAs.View artifact->Design & Creative ToolsFramerframer.comWebsite-builder system with black canvas, blue accents, and motion-forward showcase panels.View artifact->Backend, Database & DevOpsHashiCorphashicorp.com
Infrastructure system with black enterprise surfaces and per-product accent identities.View artifact->Media & Consumer TechHPhp.comPC and printer system with white canvas, HP blue CTAs, geometric type, and angular motifs.View artifact->Media & Consumer TechIBMibm.com
Enterprise technology system grounded in Carbon patterns, IBM Plex type, and blue accents.View artifact->Productivity & SaaSIntercomintercom.comCustomer messaging system with cream surfaces, orange AI accents, and product-led cards.View artifact->Fintech & CryptoKrakenkraken.com
Crypto trading system with dark data-dense surfaces, purple accents, and market UI patterns.View artifact->AutomotiveLamborghinilamborghini.com
Luxury automotive system with black cathedral surfaces, gold accents, and custom display type.View artifact->Developer Tools & IDEsLovablelovable.dev
AI app-builder system with friendly gradients, playful developer surfaces, and soft product UI.View artifact->Fintech & CryptoMastercardmastercard.comPayments-network system with warm cream canvas, orbital pill shapes, and editorial trust signals.View artifact->E-commerce & RetailMetameta.com
Consumer-tech retail system with product photography, binary surfaces, and Meta Blue CTAs.View artifact->AI & LLM PlatformsMiniMaxminimaxi.com
AI model provider system with stark white marketing, black CTAs, and vivid model cards.View artifact->Productivity & SaaSMintlifymintlify.comDocumentation platform system with sky-gradient heroes, green accents, and dense docs layouts.View artifact->Design & Creative ToolsMiromiro.com
Visual collaboration system with canary yellow brand energy, sticky-note colors, and board mockups.View artifact->AI & LLM PlatformsMistral AImistral.aiOpen-weight AI system with engineered minimalism, purple tones, and precise technical surfaces.View artifact->Backend, Database & DevOpsMongoDBmongodb.com
Database system with dark teal hero bands, green CTAs, and documentation-rich product pages.View artifact->Retro WebNintendo.com (2001)web.archive.orgY2K console-web system with beveled panels, glowing nav, box-art type, and circuit-board energy.View artifact->Media & Consumer TechNVIDIAnvidia.comGPU computing system with green-black energy, technical content, and high-performance product pages.View artifact->AI & LLM PlatformsOllamaollama.comLocal LLM system with terminal-first simplicity, monochrome surfaces, and developer utility.View artifact->AI & LLM PlatformsOpenCode AIopencode.ai
AI coding platform with developer-centric dark surfaces and code-first interaction patterns.View artifact->Media & Consumer TechPinterestpinterest.com
Visual discovery system with red accents, image masonry, and content-first interaction patterns.View artifact->Media & Consumer TechPlayStationplaystation.com
Gaming retail system with channel-style surfaces, cyan interaction, and product imagery.View artifact->Backend, Database & DevOpsPostHogposthog.com
Product analytics system with playful branding, developer-friendly surfaces, and dark UI moments.View artifact->Developer Tools & IDEsRaycastraycast.com
Productivity launcher system with sleek dark chrome, gradient accents, and keyboard-first UI.View artifact->AutomotiveRenaultrenault.com
French automotive system with vivid aurora gradients, proprietary type, and sharp buttons.View artifact->AI & LLM PlatformsReplicatereplicate.com
ML API system with clean white canvas, code-forward examples, and model marketplace structure.View artifact->Productivity & SaaSResendresend.com
Email API system with minimal dark surfaces, monospace accents, and developer-grade restraint.View artifact->Fintech & CryptoRevolutrevolut.com
Digital banking system with sleek dark surfaces, gradient cards, and fintech precision.View artifact->AI & LLM PlatformsRunwayrunwayml.com
AI creative-tools system with cinematic dark heroes, paper-white reading bands, and filmic pacing.View artifact->Backend, Database & DevOpsSanitysanity.io
Headless CMS system with dark editorial marketing, mono technical labels, and coral CTAs.View artifact->Backend, Database & DevOpsSentrysentry.io
Error monitoring system with dark dashboards, pink-purple accents, and data-dense observability UI.View artifact->Productivity & SaaSSlackslack.com
Workplace messaging system with aubergine brand color, cream-lavender surfaces, and pill CTAs.View artifact->Media & Consumer TechSpaceXspacex.com
Space technology system with stark black-white contrast, full-bleed imagery, and mission tone.View artifact->E-commerce & RetailStarbucksstarbucks.com
Coffee retail system with earth-green palette, warm cream surfaces, and proprietary sans typography.View artifact->Developer Tools & IDEsSuperhumansuperhuman.com
Fast email system with premium dark hero surfaces, purple glow, and keyboard-first positioning.View artifact->AutomotiveTeslatesla.comElectric vehicle system with radical subtraction, cinematic photography, and minimal chrome.View artifact->Media & Consumer TechThe Vergetheverge.com
Tech editorial system with acid accents, bold display type, and dense media layouts.View artifact->AI & LLM PlatformsTogether AItogether.aiOpen-source AI infrastructure system with dark hero bands, gradients, and technical docs structure.View artifact->Media & Consumer TechUberuber.comMobility system with black-white restraint, tight type, urban imagery, and pill controls.View artifact->Media & Consumer TechVodafonevodafone.com
Telecom system with monumental uppercase display, scarlet CTAs, and chaptered content bands.View artifact->AI & LLM PlatformsVoltAgentvoltagent.dev
AI agent framework system with void-black canvas, emerald accent, and terminal-native product UI.View artifact->Developer Tools & IDEsWarpwarp.dev
Terminal system with warm dark surfaces, understated CTAs, and dense command-line mockups.View artifact->Design & Creative ToolsWebflowwebflow.com
Visual web-builder system with black-white contrast and multi-color product-category accents.View artifact->Media & Consumer TechWIREDwired.comTech magazine system with paper-white density, custom editorial type, and ink-blue links.View artifact->Fintech & CryptoWisewise.com
Money-transfer system with lime-green accents, heavy display type, and sage-tinted surfaces.View artifact->AI & LLM PlatformsxAIx.ai
Frontier AI system with near-black canvas, white pill controls, and cosmic engineering restraint.View artifact->Productivity & SaaSZapierzapier.com
Automation system with warm cream neutrals, orange CTAs, and friendly workflow storytelling.View artifact->