Design-system kits for AI coding agents

Playful yet professional design system with teal and purple accents, bold typography, and vibrant accent surfaces—built for modern SaaS platforms and landing pages

Layout

0·3

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

Layout

0·3

Clean, accessible financial design system with lime-green accents and Swiss typography, built for fintech products that prioritise clarity and trust

Layout

0·5

Hospitality-focused design system with warm brand red, clean surfaces and accessible typography, built for global booking experiences

Layout

0·15

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

Layout

0·3

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

Layout

0·16

Clean, modern fintech interface with Klarna's signature pink accents and dark eggplant typography, designed for seamless payment and shopping experiences

Layout

0·4

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

0·0

Clean, professional design system with warm neutrals and blue accents, built for Dropbox's web ecosystem and suited to SaaS and productivity platforms

Layout

0·2

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

Layout

0·0

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

Layout

0·1

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

Layout

0·1

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

0·1

Vibrant, playful design system with bright green accents and light blue surfaces, built for engaging educational and language-learning products

Layout

0·1

Friendly, accessible messaging interface with bright green accents and warm neutrals, designed for global communication apps and messaging platforms

Layout

0·1

Wellness-focused design system with vibrant accent colours and rounded, approachable typography; ideal for meditation, mental health and wellbeing applications

Layout

0·1

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

0·3

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

0·1

Clean, professional design system with Segoe UI typography and subtle greys—built for enterprise SaaS and corporate web platforms

Layout

0·1

Clean, professional fintech design system with bright blue accents and minimal aesthetic, built for React/Next.js applications and financial platforms

Layout

0·3

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

0·5

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

Layout

0·3

Warm, accessible design system with amber accents and refined typography, suited to modern SaaS and content-driven products

Layout

0·3

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

Layout

0·3

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

Layout

0·1

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

Layout

0·1

Modern fintech design system built on Next.js with carefully orchestrated typography, spacing, and motion tokens optimised for responsive financial products

Layout

0·1

Apple's refined, light design system built on SF Pro typography with subtle grays, precise spacing, and purposeful motion—ideal for premium product experiences and polished web interfaces

Layout

0·1

Clean, modern fintech design system with warm typography and purposeful colour accents for financial software interfaces

Layout

0·3

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

0·3