New: community Kit Gallery

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.

Vercel preview

Vercel

MIT

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

Layout
00
lightminimaldeveloper-toolsaas
Sentry preview

Sentry

MIT

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

Layout
00
darkminimaldeveloper-toolsaas
OpenAI preview

OpenAI

MIT

Clean, 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

Layout
02
lightminimalsaasdeveloper-tool
ElevenLabs preview

ElevenLabs

MIT

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

Layout
00
lightsaasdeveloper-toolminimal
Dovetail preview

Dovetail

MIT

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

Layout
00
darkminimaldeveloper-toolsaas
PostHog preview

PostHog

MIT

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

Layout
00
developer-toolsaasminimallight
Supabase preview

Supabase

MIT

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

Layout
01
darkminimalsaasdeveloper-tool
Notion preview

Notion

MIT

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

Layout
00
minimallightcontent-firstsaas
Claude preview

Claude

MIT

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

Layout
00
lightminimalsaasdeveloper-tool
Stripe preview

Stripe

MIT

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

Layout
00
lightminimalfintechsaas
Cursor preview

Cursor

MIT

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

Layout
00
developer-toollightminimal
Linear preview

Linear

MIT

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

Layout
01
darkminimaldeveloper-toolsaas
Airtable preview

Airtable

MIT

Clean, 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

Layout
00
saasdeveloper-toolminimallight