Design-system kits for AI coding agents
Browse kits published from Layout Studio projects. One click and they land in your workspace ready to build with. Fully interoperable with Google's design.md.

Mixpanel
MITModern analytics platform design system with deep purple and gold accents, frosted glass elements, and precise token-based spacing—built for data-driven SaaS products

Clay
MITClean, modern B2B design system with warm and cool accent colours, built on Roobertvf typography and CSS custom properties for seamless developer integration

IBM
MITEnterprise-grade design system with IBM's iconic blue accent, sophisticated typography hierarchy, and fluid spacing built on Carbon principles—ideal for corporate products and SaaS platforms

Monzo
MITDark, modern fintech design system with navy foundations, coral accents, and fluid typography—built for fast-moving financial products and developer teams

Webflow
MITClean, professional design system for a SaaS marketing platform with Webflow's signature blue accent and neutral palette, built on CSS custom properties for seamless integration

Vercel
MITClean, minimal developer-focused design system built on Geist typography with light surfaces, precise spacing, and fast interactions for modern web applications

Sentry
MITDark, minimal design system for developer tools with a sophisticated purple palette and refined typography, tailored for error monitoring and performance platforms

OpenAI
MITClean, minimal design system for AI-native products built on Next.js and Tailwind, featuring a light monochromatic palette with precise token-based spacing and typography

ElevenLabs
MITModern SaaS design system with pill-shaped components, custom Waldenburg typography, and a light eggshell aesthetic suited for developer tools and voice-tech platforms

Dovetail
MITA dark-first React component system with precise spacing and restrained typography, built for product teams prioritising clarity and developer efficiency

PostHog
MITDeveloper-focused analytics design system with warm amber CTAs, IBM Plex Sans typography, and precise 4px spacing grid for product interfaces and marketing sites

Supabase
MITA dark-first, developer-focused design system with emerald accents and a clean geometric aesthetic, built for modern SaaS and backend platforms

Notion
MITMinimal, content-first design system with clean typography and subtle interactions, built for productivity tools and knowledge work platforms

Claude
MITSophisticated, warm design system with clay and oat tones, built for a modern AI assistant brand that values clarity and elegance

Stripe
MITClean, developer-focused design system with vibrant purple accent, refined typography, and precise spacing—built for fintech and SaaS platforms

Cursor
MITRefined developer-focused design system with warm amber accents, serif body typography, and precise spacing tokens for AI tooling interfaces

Linear
MITMinimal dark-first design system for a modern developer tool, built on cool grays and purple accents with refined typography and subtle interactions

Airtable
MITClean, professional SaaS design system built on a structured token foundation with Neue Haas Grotesk typography, subtle shadows and a blue-dominant colour palette suited to productivity and enterprise tools