Spacing & Radius

Define component spacing and border radius values for consistent layouts.

Spacing

Base Spacing Unit (px)

Spacing Scale

Spacing Values

0

0px

1

4px

2

8px

3

12px

4

16px

5

20px

6

24px

8

32px

10

40px

12

48px

16

64px

20

80px

24

96px

0.5

2px

Border Radius

Base Radius Unit (px)

Radius Values

2xl

16px

3xl

24px

DEFAULT

4px

full

9999px

lg

8px

md

6px

none

0px

sm

2px

xl

12px

Back: Typography Next: Export