Spacing Scale — s-1 through s-20

s-1

2px

s-2

4px

s-3

6px

s-4

8px

s-5

10px

s-6

12px

s-7

14px

s-8

16px

s-9

20px

s-10

24px

s-11

28px

s-12

32px

s-13

36px

s-14

40px

s-15

44px

s-16

48px

s-17

56px

s-18

64px

s-19

72px

s-20

80px

Border Radius — radius-sm / md / lg / pill

radius-sm

4px

radius-md

8px

radius-lg

16px

radius-pill

9999px

Usage

buttons → radius-pill cards → radius-lg inputs → radius-md tags → radius-sm