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.

Every kit doubles as an installable Layout UI theme: npx shadcn add https://layout.design/r/<slug>/theme.json

Open Studio Install the CLI

Customer.io

MIT

Dark SaaS design system with mint-green accents and clean typography, built for product dashboards and developer-focused platforms

Layout

012

darksaasdeveloper-tooldashboard

Asana

MIT

Enterprise work-management design system with sharp modernist aesthetic, dark-mode focus and purposeful colour accents for product teams

Layout

darksaasdashboarddeveloper-tool

ClickUp

MIT

Modern task-management design system with vibrant gradient accents, pill-shaped buttons, and clean typography—built for productivity platforms and collaborative tools

Layout

033

saasdashboardboldlight

Salesforce

MIT

Enterprise SaaS design system with serif typography and minimal dark-on-light aesthetic, built for corporate software interfaces and dashboards

Layout

017

lightminimalsaasdashboard

DoorDash

MIT

Clean, accessible food-delivery system with DoorDash's signature red accent, light neutral palette, and system-font typography—built for rapid product development

Layout

020

lightecommsaasmobile

Spotify

MIT

Dark, minimal music streaming interface with Spotify's signature green accent and refined typography, ideal for audio platforms and content-heavy dashboards

Layout

037

darkminimaldashboardcontent-first

Mixpanel

MIT

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

Layout

032

darksaasdashboarddeveloper-tool

Xero

MIT

Clean, modern SaaS design system built on navy and mint green with sharp corners and purposeful typography for accounting and business software

Layout

049

saasfintechlightminimal

IBM

MIT

Enterprise-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

Layout

047

saasdeveloper-tooldashboardlight

Uber

MIT

Clean, light-themed design system with Uber's signature pill-button shapes and motion tokens, built for ride-sharing and mobility platforms

Layout

024

lightsaasmobiledashboard

MIT

A clean, accessible design system centred on Pinterest's signature red, featuring a light palette with custom CSS variables and Pin Sans typography for modern web applications

Layout

026

lightsaascontent-firstdashboard

Shopify

MIT

Dark, sophisticated commerce design system with teals and blacks, optimised for merchant dashboards and high-conversion product pages

Layout

021

darkecommdashboardsaas