On a 375px iPhone screen, a 64px section margin consumes over 15% of the total screen height, forcing users into excessive scrolling. On a 2560px ultra-wide monitor, a 16px margin feels cramped and suffocating.
Responsive design systems solve this with responsive spatial tokens:
space-section-gap = 24pxspace-section-gap = 32pxspace-section-gap = 48px or 64pxclamp() functions interpolate smoothly: clamp(1.5rem, 4vw + 0.5rem, 4rem).Level 3 · Design Tokens & Foundations