How to create more white space in your designs

How-to-create-more-white-space featured image

Put simply, white space can be defined as any blank space in your design. And let’s start by addressing the elephant in the room: White space isn’t actually white. Don’t be fooled, it’s a common misconception that prevents many people from utilizing this esssential design principle.

White space can be any area within a design that is free from text, images, or embellishments. Designers love it because it can help create grouping, add emphasis, improve legibility and also create balance in your design.

Read on for eight tips on creating white space in your design.

01. Deliberate white space

Deliberate white space, white space in designs

Don’t be afraid to leave large areas of your design empty. This principle has been applied here in the design above.

As we can see with the design above, deliberate white space can help you create a strong focus for your design, and allow for the main design elements to stand out.

02. Remove borders

Remove borders, white space in designs

One way to achieve more white space is to remove unnecessary elements in your design. Removing a border, as seen in the second Instagram graphic above, helps open up the design and give it room to breathe. Always make sure the elements you use (such as borders, shapes and icons) add value to your design.

03. Enlarge your background image to create more copy space

Enlarge your background image, white space in designs

When searching for background images, look out for ones with ample copy space which you can use to overlay text. Or, to create more space, try enlarging your images.

Enlarge your background image, white space in designs

04. Use a colored background

Use colored background, white space in designs

Many people wrongly assume that white space is always white.

Rather, it’s any space within your design that’s free from text or visuals. Using a color background can be a great way to create lots of nice space around text—for example, a quote—while still adding an element that will make it stand out.

05. Use letter spacing

Use letter spacing, white space in designs

Using letter spacing can be a great way to align your text in blocks. This will help it sit nicely as a single element within your design, and appear readable and intentional.

06. Use padding

Use padding, white space in designs

When using multiple elements within your design, make sure they all have their own margins of white space.

07. Increase your border

Increase your border, white space in designs

In the example above, we can see how a thin border is used to help emphasize the central element, which in this case is the quote. Try adopting this principle by increasing the border around central elements like text and images.

Make sure all of your elements are centered. This will help you map out your white space evenly.

08. Make one aspect of your design prominent

Make one aspect of your design prominent, white space in designs

Many designs suffer from design clutter. By increasing the size of one element within your layout, other elements should be minimal and allow for more white space.

Design tip: White space is a subtle principle that can help your designs yield huge improvements. No two designs are the same, so make sure you consider these eight elements when creating original layouts! Apply your knowledge by jumping into the interactive tutorial below.

Your secret weapon for stunning design