Whitespace (sometimes known as negative space) is the space between components on a web page (or physical page). These components are often photos, typography, and icons.
One of the most underestimated and underutilized features of a successful web layout is whitespace. Whitespace is much too frequently mistaken for empty space on screens and is consequently considered to be a waste of space. In actuality, though, it is one of design’s most valuable elements.
It is frequently used to balance components on a page by generating a natural flow for the visitor to go through the material. As a result, the material is easier to understand.
As web design has grown, several sorts of whitespace have emerged to allow items to stretch out and have their moments on the screen.
There are two major differences in how whitespace can be utilized. These are macro against micro. Let us break them down:
Macro
The space between pieces of writing, graphics, photographs, and so on is referred to as the macro. This is the most common distinction of whitespace.
Micro
The gap between smaller components, such as letter spacing (kerning) and line height, is referred to as micro (leading). Although this distinction is not as obvious as macro, this is just as essential, if not more, in terms of increasing user readability.