Design System Generator
Create professional design systems
Typography
Google Web Font
Inter
Roboto
Open Sans
Lato
Montserrat
Source Sans Pro
Raleway
Poppins
Nunito
Work Sans
Manrope
Plus Jakarta Sans
DM Sans
Space Grotesk
Outfit
Lexend
Helvetica Neue
Fira Sans
Rubik
Karla
Barlow
IBM Plex Sans
Public Sans
Noto Sans
Playfair Display
Merriweather
Crimson Text
Libre Baskerville
Source Serif Pro
Lora
Cormorant Garamond
EB Garamond
JetBrains Mono
Fira Code
Source Code Pro
IBM Plex Mono
Roboto Mono
Space Mono
Comfortaa
Quicksand
Righteous
Fredoka One
Pacifico
Dancing Script
Caveat
Base Font Size (px)
Color Palette
Blue & Purple
Green & Teal
Orange & Red
Monochrome
Pastel
Primary Blues
Accent Purples
Surface Colors
Primary Greens
Accent Teals
Surface Colors
Primary Oranges
Accent Reds
Surface Colors
Primary Grays
Accent Darks
Surface Colors
Primary Pastels
Accent Pastels
Surface Colors
Design System Configuration
Project Name
Design Style
Modern Minimal
Dark Professional
Vibrant Creative
Clean Corporate
Generate prompt
Copy to Clipboard