Spacing

A Spacing system in design is a set of predefined values used to maintain consistent spacing between elements, such as text, images, or buttons. It helps designers create a clear and balanced layout by applying uniform margins and padding throughout a project. Our system ensures visual harmony and makes the design more organized and easy to read.

Name	value (px)
space-0	0px
space-100	1px
space-200	2px
space-300	4px
space-400	6px
space-500	8px
space-600	12px
space-700	16px
space-800	20px
space-900	24px
space-1000	32px
space-1100	40px
space-1200	48px
space-1300	56px
space-1400	64px
space-1500	72px
space-1600	80px
space-1700	96px