Professional Design System

A refined, enterprise-grade design system for database architects and developers. Clean, precise, and timeless.

Colors

Neutral Palette

Gray 50
#fafafa
Gray 200
#e5e5e5
Gray 400
#a3a3a3
Gray 600
#525252
Gray 900
#171717

Accent Colors

Primary
#3b82f6
Success
#10b981
Warning
#f59e0b
Error
#ef4444

Entity Colors

Blue
#3b82f6
Indigo
#6366f1
Violet
#8b5cf6
Pink
#ec4899
Orange
#f97316
Emerald
#059669
Teal
#14b8a6
Cyan
#06b6d4

Buttons

Button Variants

Icon Buttons

Entity Cards

Users
id INT
username VARCHAR(50)
email VARCHAR(100)
created_at TIMESTAMP
Posts
id INT
user_id INT
title VARCHAR(200)
content TEXT
Products
id INT
name VARCHAR(100)
price DECIMAL
stock INT

Form Elements

AI Chat Interface

Hi! I'm your database design assistant. Describe your database in natural language and I'll create the ERD for you.
Create a blog system with users, posts, and comments

I've created a blog system with the following tables:

Users 5 fields
Posts 5 fields
Comments 4 fields

Canvas Grid

Orders
id INT
total DECIMAL
Customers
id INT
name VARCHAR
1:N

Badges

Primary Key Connected Foreign Key Nullable Unique