design-rhythm

Normalize section spacing and repeated module structure so peer elements share the same gap pattern. Use a gap ratio ladder such as 8px, 16px, 24px, and 32-48px so different relationship levels have visibly different spacing.

Introduce one purposeful rhythm break, such as a larger hero metric, an alert, or a featured card, while keeping everything else repetitive. Limit major breaks to one per viewport so the screen gains emphasis without becoming chaotic.

Use a ratio ladder on an 8px base: 8px inside tight groups, 16px between related elements, 24px between related groups, and 32-48px between major zones. Avoid near-identical gaps like 18px and 20px, which make grouping ambiguous.

Use ui-spacing for concrete spacing scales and padding values. Use design-rhythm when the issue is felt cadence: where the screen should tighten, breathe, repeat, or vary, rather than which exact token to apply.

That symptom indicates uneven density rather than a global spacing problem. Tighten repeated low-value elements and add whitespace only around task groups, section breaks, or the focal point instead of spreading space uniformly.