Spacing
The base spacing unit is 0.25rem (4px). All p-*, m-*, gap-*, w-*, h-* utilities are multiples of this unit.
StepSizeVisual
00px0.52px14px1.56px28px2.510px312px3.514px416px520px624px728px832px936px1040px1144px1248px1456px1664px2080px2496px28112px32128px36144px40160px48192px56224px64256px72288px80320px96384pxUsage guidance
Component padding typically uses 2–6 (8–24px) for dense UI, 8 (32px) for comfortable dialogs and cards, 10–16 (40–64px) for marketing surfaces.
Gap between elements defaults to 2–4 (8–16px) for grouped controls, 6–8 (24–32px) for sections.
Icon sizes use square-only values — 3, 4, 5, 6 (12/16/20/24px) are the most common.