{"id":4508,"date":"2018-09-14T07:00:19","date_gmt":"2018-09-14T14:00:19","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/blog\/?p=4508"},"modified":"2024-01-23T15:08:02","modified_gmt":"2024-01-23T20:08:02","slug":"what-is-whitespace-and-why-is-it-important","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/","title":{"rendered":"What Is Whitespace and Why Is It Important?"},"content":{"rendered":"\n
\"What<\/figure>\n\n\n\n

We live in a time where there is so much information. When a designer or content creator sets out to create a new website or design, how can they compete against all of the other websites and content? What can make their content stand out?<\/p>\n\n\n\n

One of the main differences between amateur content and professional content is actually not the quality of the text. The biggest difference is the layout and design of the content. One aspect of this type of design is whitespace. Whitespace is used not only in web design, but across all types of design.<\/p>\n\n\n\n

Whitespace – What is it?<\/h2>\n\n\n\n

The concept behind whitespace is very simple. It is simply the space between text, graphics, images, and blocks. Whitespace is also known as negative space or blank space.<\/p>\n\n\n\n

Some content creators won\u2019t include any whitespace in their designs, giving them space to fit more content. For an example, I have removed all white space from this article and included a screenshot below.<\/p>\n\n\n

\n
\"Screenshot<\/figure>\n<\/div>\n\n\n

As you can see, without the whitespace, this article becomes very boring and there is not a place for your eyes to rest.<\/p>\n\n\n\n

Bringing whitespace to your content may seem like a very simple concept, but unfortunately, many designers, authors, and content creators don\u2019t know this important design approach.<\/p>\n\n\n\n

Whitespace does not have to be white. Whitespace can be any color. It is simply the lack of content in areas allowing the reader to rest their eyes as they go from section to section.<\/p>\n\n\n\n

Blank Space – How to Use It<\/h2>\n\n\n\n

When formatting text for a blog, hit your enter key a few times after the header. Depending on how your blog is setup, you can also change the margins of the actual post, giving more room around the edges of the post. Between each paragraph, you can also give yourself some whitespace. This gives the reader a place for them to rest their eyes before starting into the next section. Let me share with you a few examples of whitespace:<\/p>\n\n\n

\n
\"Screenshot<\/figure>\n<\/div>\n\n\n

This website is a perfect example of whitespace. It allows readers to to clearly understand the message and also gives the reader\u2019s eyes a place to rest.<\/p>\n\n\n

\n
\"Screenshot<\/figure>\n<\/div>\n\n\n

This website can help you understand the importance of whitespace. It appears that they have some great products, but as the page is so full, it is hard to know which product to look at first. The lack of whitespace can bring a crowded and overwhelmed feeling.<\/p>\n\n\n

\n
\"Lack<\/figure>\n<\/div>\n\n\n

As for print or digital graphics, whitespace is very important. Just because there is room doesn’t mean that we have to fill it. In this digital flyer, there is plenty of whitespace allowing the message to be very clear.<\/p>\n\n\n\n

Additional Reasons to Include Whitespace<\/h2>\n\n\n\n

Focus<\/b><\/h3>\n\n\n\n

Where do you want your reader\u2019s eyes to go first? When the page is filled and whitespace is not used, your reader will now know where to focus. If you have included whitespace, you can guide the path the reader will follow when viewing your website or design. This also allows you to figure strategic placement for your content, allowing for the greatest impact.<\/p>\n\n\n\n

Legibility<\/b><\/h3>\n\n\n\n

As previously mentioned, without whitespace, how easy is it to glance at a page and in 5-10 seconds, get a general idea of what its about? Whitespace across the full website including blogs and products is key for legibility. Bringing the overall font size of your copy from a 10 point to a 13 point can help with legibility, but it is very important to increase the amount of space between headers and paragraphs.<\/p>\n\n\n\n

Conclusion<\/h2>\n\n\n\n

Whitespace is very important for every website and design. Without it, your message is not clear and without a clear message, you will lose sales. Space between your images and text change the complete message of your website. Adding whitespace to your website is not complex, it is simply just hitting enter and adding margin and padding. Start to make your website stand out by adding whitespace.<\/p>\n\n\n\n

Get super fast and powerful web hosting from InMotion Hosting.<\/p>\n\n\n

\r\n

Premium Hosting That Delivers Results<\/strong><\/p>\r\n

Your website is your business foundation. Our hosting platform delivers the performance, security, and reliability that growing companies require to compete effectively online.<\/p>\r\n

\"check99.99% Uptime     \"check24\/7 Expert Human Support     \"check100% Money-Back Guarantee<\/p>\r\n

Web Hosting Plans<\/a><\/p>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"

We live in a time where there is so much information. When a designer or content creator sets out to create a new website or design, how can they compete against all of the other websites and content? What can make their content stand out? One of the main differences between amateur content and professional Read More ><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[396,357],"tags":[],"class_list":["post-4508","post","type-post","status-publish","format-standard","hentry","category-glossary","category-web-design"],"yoast_head":"\nWhat Is Whitespace and Why Is It Important?<\/title>\n<meta name=\"description\" content=\"Effective use of whitespace can greatly assist the design and readability of your website's content. This guide will show you how to effectively employ whitespace in your design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Is Whitespace and Why Is It Important?\" \/>\n<meta property=\"og:description\" content=\"Effective use of whitespace can greatly assist the design and readability of your website's content. This guide will show you how to effectively employ whitespace in your design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-14T14:00:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-23T20:08:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/08\/whitespace-updated.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1008\" \/>\n\t<meta property=\"og:image:height\" content=\"567\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inmotionhosting\" \/>\n<meta name=\"twitter:site\" content=\"@inmotionhosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What Is Whitespace and Why Is It Important?","description":"Effective use of whitespace can greatly assist the design and readability of your website's content. This guide will show you how to effectively employ whitespace in your design.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/","og_locale":"en_US","og_type":"article","og_title":"What Is Whitespace and Why Is It Important?","og_description":"Effective use of whitespace can greatly assist the design and readability of your website's content. This guide will show you how to effectively employ whitespace in your design.","og_url":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/","og_site_name":"InMotion Hosting Blog","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting","article_published_time":"2018-09-14T14:00:19+00:00","article_modified_time":"2024-01-23T20:08:02+00:00","og_image":[{"width":1008,"height":567,"url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/08\/whitespace-updated.jpg","type":"image\/jpeg"}],"author":"InMotion Hosting","twitter_card":"summary_large_image","twitter_creator":"@inmotionhosting","twitter_site":"@inmotionhosting","twitter_misc":{"Written by":"InMotion Hosting","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/"},"author":{"name":"InMotion Hosting","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/person\/f21a89c83c7697a760c96cfe58e646bc"},"headline":"What Is Whitespace and Why Is It Important?","datePublished":"2018-09-14T14:00:19+00:00","dateModified":"2024-01-23T20:08:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/"},"wordCount":687,"commentCount":1,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/08\/whitespace-updated.jpg","articleSection":["Glossary","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/","url":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/","name":"What Is Whitespace and Why Is It Important?","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/08\/whitespace-updated.jpg","datePublished":"2018-09-14T14:00:19+00:00","dateModified":"2024-01-23T20:08:02+00:00","description":"Effective use of whitespace can greatly assist the design and readability of your website's content. This guide will show you how to effectively employ whitespace in your design.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/08\/whitespace-updated.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/08\/whitespace-updated.jpg","width":1008,"height":567},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/blog\/what-is-whitespace-and-why-is-it-important\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/www.inmotionhosting.com\/blog\/web-design\/"},{"@type":"ListItem","position":3,"name":"What Is Whitespace and Why Is It Important?"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/blog\/#website","url":"https:\/\/www.inmotionhosting.com\/blog\/","name":"InMotion Hosting Blog","description":"Web Hosting Strategy, Trends and Security","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2019\/11\/imh-logo-all-colors-big.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2019\/11\/imh-logo-all-colors-big.jpg","width":1630,"height":430,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting","https:\/\/x.com\/inmotionhosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/person\/f21a89c83c7697a760c96cfe58e646bc","name":"InMotion Hosting","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/eb965eada0c0513dd2e1976b21fe270fa4f19ac273960fc080f9d46b81b353a4?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/eb965eada0c0513dd2e1976b21fe270fa4f19ac273960fc080f9d46b81b353a4?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb965eada0c0513dd2e1976b21fe270fa4f19ac273960fc080f9d46b81b353a4?s=96&r=g","caption":"InMotion Hosting"},"url":"https:\/\/www.inmotionhosting.com\/blog\/author\/imhmainadmin\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":357,"name":"Web Design","slug":"web-design","link":"https:\/\/www.inmotionhosting.com\/blog\/web-design\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/4508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/comments?post=4508"}],"version-history":[{"count":15,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/4508\/revisions"}],"predecessor-version":[{"id":73224,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/4508\/revisions\/73224"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/media?parent=4508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/categories?post=4508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/tags?post=4508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}