Foundations

Spacing

Badho DS uses a 4pt base grid. All spacing tokens are multiples of 4px, ensuring consistent rhythm and alignment across components.

Spacing Tokens

All spacing steps from 4px to 96px, mapped to named tokens.

Visual

Token Name

Value

Spacing/1

4px

Spacing/2

8px

Spacing/3

12px

Spacing/4

16px

Spacing/5

20px

Spacing/6

24px

Spacing/8

32px

Spacing/10

40px

Spacing/12

48px

Spacing/16

64px

Spacing/20

80px

Spacing/24

96px