According to a Human Factors International research, using whitespace to highlight or emphasize important elements on a website increases visitor comprehension by 20%.

HubSpot columnist Karla Cook has published an article highlighting how nine websites use whitespace to strengthen their marketing.

Cook says, “You’ll notice that adding some whitespace around our call-to-action has caused some of the other content on the page to be pushed down — and that’s perfectly okay. Not everything has to be above the fold (the part of the website that appears before the user starts to scroll). In fact, designers shouldn’t try to stuff a ton of content before the fold of the page, since it will end up looking cluttered and overwhelming.

1) Shopify

The homepage for ecommerce platform Shopify has a simple objective: Get visitors to sign up for a free trial.

To direct users to this action, they’ve surrounded their one-field sign-up form with plenty of whitespace, minimizing distractions and ensuring visitors can’t miss it. The site’s main navigation is displayed much smaller than the form text, and placed out of the way at the top of the screen to avoid taking attention away from the central form”.

1) Shopify

The homepage for ecommerce platform Shopify has a simple objective: Get visitors to sign up for a free trial.

To direct users to this action, they’ve surrounded their one-field sign-up form with plenty of whitespace, minimizing distractions and ensuring visitors can’t miss it. The site’s main navigation is displayed much smaller than the form text, and placed out of the way at the top of the screen to avoid taking attention away from the central form.

What Is Whitespace? 9 Websites to Inspire Your Web Design

HubSpot

Sharing is caring