Radius · Shadow · Spacing

Radius

rounded-md
rounded-lg
rounded-full

lg for cards/buttons/inputs, md for nav items, full for badges & avatars.

Elevation

border
shadow-sm
shadow-lg

Flat by default — a 1px border-neutral-200 separates surfaces. shadow-sm on cards, shadow-lg only for popovers/dialogs.

Spacing rhythm

gap-2 · 8px
gap-3 · 12px (rows)
p-5 · 20px (cards)
p-6 / gap-6 · 24px

Page padding p-6; cards p-5/p-6; control gaps gap-2/3.