Learn
Color for UI

Whitespace

Space is an important aspect of creating balanced and harmonious layouts in web design. As a designer, it's important to understand how space can enhance as well as hurt your designs.

Whitespace, or negative space, refers to the emptiness between elements. It's not necessarily white in color, even though, that is sometimes the case.

For example, you will notice that Google embraces whitespace on its landing page. It focuses the user's attention solely on the primary action, which is searching for content.

Too much whitespace can negatively impact the flow of your site. By including too much spacing in-between elements, it can cause issues for users trying to navigate seamlessly through the content.

As a designer, don't fear using space to enhance the usability of your site and prioritize the most important content.

Community Forums
Get help and ask questions in the Codecademy Forums
Report a Bug
If you see a bug or any other issue with this page, please report it here.