Prisma· Dev Toolsprisma.io

Mona Sans · one teal · calm infra

Postgres, perfectly managed.

Real Postgres with the developer experience and infrastructure to ship faster. Create, manage and explore databases directly in your IDE.

Color Palette21 tokens

background#ffffff

surface#f3f4f6

surface-tint#e2e8f0

surface-teal#ccfbf1

ink#111827

ink-secondary#374151

ink-muted#6b7280

ink-faint#9ca3af

on-dark#ffffff

primary#0d9488

primary-hover#0f766e

primary-strong#154f47

primary-green#0ac864

primary-soft#99f6e4

on-primary#ffffff

accent-indigo#4f46e5

accent-indigo-strong#4338ca

border#e2e8f0

border-strong#d1d5db

shadow-soft#000000

shadow-ambient#000000

Buttons

TypographyGoogle Font

Hanken Groteskbrand uses Mona Sans VF

display-hero

perfectly managed.

64px · 400 · -1.6px

display-black

Your database, right in your workflow

40px · 900 · -1px

heading

Real Postgres with the developer experience and infrastructure to ship faster. Create, manage and explore databases directly in your IDE.

30px · 400 · -0.6px

heading-sub

$ npx prisma init

24px · 700 · -0.3px

body-large

Real Postgres with the developer experience and infrastructure to ship faster. Create, manage and explore databases directly in your IDE.

18px · 400 · 0px

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Your database, right in your workflow

Real Postgres with the developer experience and infrastructure to ship faster. Create, manage and explore databases dire…

Dev Tools

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Your database, right in your workflow

Real Postgres with the developer experience and infrastructure to ship faster. Create, manage and explore databases directly in your IDE.

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeDev ToolsPrisma

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Prisma.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Prisma tokens
export const theme = {
  primary: "#0d9488",
  radius: "8px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

We modeled our schema once, migrated in minutes, and got type-safe queries across the whole app. The database stopped being the scary part.

Prisma · Dev Tools

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗

Vue85%

shared styles: Light, Minimal, Cool · same category: Dev Tools

Vercel84%

shared styles: Light, Minimal, Mono · same category: Dev Tools

Clerk83%

shared styles: Light, Minimal, Mono · same category: Dev Tools

Render81%

shared styles: Light, Minimal, Cool · same category: Dev Tools

MongoDB75%

shared styles: Light, Minimal · same category: Dev Tools

Mintlify75%

shared styles: Light, Minimal · same category: Dev Tools