Shape & Elevation

A 16px base radius, pill geometry for interactive elements, and four soft shadow steps that map to how far a surface floats.

Radius

The scale derives from a single --radius (1rem). Icon controls opt out with explicit pixel radii so they read as squircles, not circles.

sm
10
md
13
lg
16
xl
22
2xl
29
full
999

Elevation

Four tiers: raised controls, tiles, cards, then floating popovers and dialogs.

Soft
--shadow-soft
Tile
--shadow-tile
Card
--shadow-card
Float
--shadow-float

Pesto UI · 117 documented components