Spacing

Spacing refers to the use of empty space to create visual separation and improve readability.

Global Foundations

Overview

Spacing involves the use of margins, padding, and whitespace to create visual separation between elements, enhancing readability and overall design aesthetics.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2F8atCSov6KVkMchm0ZT8zeZ%2FShipfaster-UI---v2.7-(LIVE)%3Fnode-id%3D41-7382%26t%3DyF0ezYHZKJLOnkyp-1

When should you use them?

Use spacing to prevent clutter, improve readability, and create a balanced layout in your design.

How should you use them?

  • Use consistent spacing values throughout the design.
  • Ensure adequate spacing between text lines, paragraphs, and elements.
  • Use larger spaces to separate distinct sections and smaller spaces for related items.
  • Test the design on different screen sizes to ensure spacing adapts well.
  • Avoid overcrowding elements, which can lead to a cluttered and confusing interface.
Previous

No previous post
Up next

No next post