Spacing

token

Breakdex::DesignTokens::Spacing

Consistent spacing ramp and border-radius scale for layout harmony

A small set of named spacing values that every widget uses for padding, margins, and gaps. The radius scale is separate because border radii follow a different visual progression than spacing. screen_edge is the universal horizontal inset for full-width screens.

Relationships

⚙ Configured By 2

media_query_provideraccessibility_text_scale_provider

⚠ Breaks If 3

spacing_value_changed_without_visual_auditscreen_edge_removed_causing_edge_to_edge_bleedradius_scale_inverted

Answers

Values

radiusLg 22

radiusMd 16

radiusSm 10

radiusXl 30

radiusXs 6

Scale

lg 24

md 16

screenEdge 20

sm 8

xl 32

xs 4

xxl 48