Theme studio

Default · System

One theme code, two kits. Every screen an agent builds, on a phone or in a browser, takes its colour, type, shape and depth from what you set here.

pk1-29B3XC60003T

Colour

background#ffffff
card#ffffff
muted#f4f4f5
accent#f4f4f5
primary#2563eb
secondary#f4f4f5
destructive#d92223
success#15803d
warning#b45309
info#0369a1

Faces

Heading

System

Body

System

Mono

System mono

Type scale

  • text-4xl 36Getting paid, on time
  • text-3xl 30Getting paid, on time
  • text-2xl 24Getting paid, on time
  • text-xl 20Getting paid, on time
  • text-lg 18Getting paid, on time
  • text-base 16Getting paid, on time
  • text-sm 14Getting paid, on time
  • text-xs 12Getting paid, on time

Long-form text

Send it the day the work ends

An invoice sent the same day is paid in 14 days on average; one sent a week later takes 23. The work is fresh, and the person who asked for it still remembers it.

Put the purchase order in reference, and name the project, not the month.

Icons

Radius and depth

sm
md
lg
xl
2xl
depth 1
depth 2
depth 3

Controls

PrimarySecondaryOutline
Mobile buttonPaidOverdue
billing@northwind.co