Design System

Port 3001

Stitch project 9206797367688808833. Tokens and all reference screens from the Stitch project.

Colors

Primary
#2563EB
CSS: --ds-primary · Tailwind: primary
Primary light
#3b82f6
CSS: --ds-primary-light · Tailwind: primary-light
Background light
#f6f6f8
CSS: --ds-bg-light · Tailwind: background-light
Background dark
#151121
CSS: --ds-bg-dark · Tailwind: background-dark
Success
#059669
CSS: --ds-success · Tailwind: emerald-600
Zinc 500
#71717a
CSS: --ds-zinc-500 · Tailwind: zinc-500
Zinc 900
#18181b
CSS: --ds-zinc-900 · Tailwind: zinc-900

Typography

Label

Label: text-xs font-bold uppercase tracking-wider

Card title

text-sm / text-base font-semibold

Section title

text-2xl font-bold

Hero title

text-4xl md:text-5xl font-black tracking-tight

Font: Inter (--font-inter)

Border radius & shadows

Cards

rounded-xl, shadow-sm, hover:shadow-md

Pill button

rounded-full

Card hover

shadow-card-hover

Stitch reference screens

All screens from the Stitch project: thumbnail, HTML (API), HTML (hosted), and screenshot. Open links in a new tab.