Spacing

The rhythm

The site keeps a compact 4px base rhythm. The tokens below are the shared source for the corresponding Tailwind utilities; use a semantic spacing value rather than a one-off pixel measurement.

Layout guidance

• Use tighter spacing inside a control and more generous spacing between sections.
• Keep a growing region scrollable instead of clipping its content.
• On small screens, reduce outer gutters before reducing readable text size.
• Use a consistent gap for a group; do not hand-tune every child unless content requires it.

Grouping

Use tighter spacing inside a control or field, a consistent gap between sibling items, and a larger step between sections. Radius is a separate geometric decision; see Border & Radius instead of coupling corners to the spacing scale.