More is less: Not so minimal, minimalist websites

Default avatar.
August 19, 2013
More is less: Not so minimal, minimalist websites.

thumbnailWhen you think of minimalism in design, whitespace usually comes to mind. When the designer is strips a piece down to its bare essentials, and opts for less ornamentation and more core, one tends to see the amount of whitespace rise and become a prominent element in the design.

But what happens when they take it in a slightly different direction? What happens when they strip down and only focus on the basic necessary elements, but they use them so boldly, so expansively, that there is little whitespace left behind?

The answer is, this showcase of not-so-minimal, minimalist website designs. Below we have collected a sample of sites that have shied away from the calls of added ornamentation, but who have not shied away from going big! Filling the whitespace with what few essential elements they have kept. Tour the sites below and see which designs speak to you.

Frank Digital

frankdigital

Frank Digital definitely goes minimal in their design, but with such an active, full image sprawling across the background, it has the feel of a much more constricted design, even though there is plenty of room for the elements to 'breathe'.

Marcs Design

marcsdesign

Marcs Design is another where the full image background, leaves the viewer feeling less like they are wandering in the open whitespace, and more like they are contained in a finite environ. The elements included work well together to set up this space and use it to its full visual extent.

Clapperboarding

clapperboarding

Clapperboarding is an example of using minimalist principles in theory, but as the large navigational element stands to showcase, the elements can be used with such broad strokes as to make the design's minimalist quality feel pushed to its limits.

Engagent

engagent

Engagent is one of the first sites on the showcase to really keep a large amount of the whitespace open, but as it gradiates into the main collage of illustrative content, the eyes are drawn away from the whitespace effectively focusing and holding the user's attention to the central content box.

Mighty Radio

mightyradio

Mighty Radio does a mighty fine job of giving the site design the look of a scaled down to basics construction, but with such bold, active elements stretched across the visual canvas that the whitespace feels almost gone completely. The contrast of the light typographic navigation elements really pops in this visually ramped up layout.

Different Perspective

dppad

Different Perspective takes the showcase back to the large image background with plenty of fill and visual contrast to keep the eyes moving throughout the design. The focused header and navigation really do their part to carry the minimalist feel for the design which wonderfully walks this line.

Mohiuddin Parekh

mohi

Mohiuddin Parekh flawlessly dances between full on minimalist feel and tone, and the somewhat visually joined and focused tightness that makes the whitespace not feel as open as it could. This sort of visual unity isn't always the easiest to achieve with such varied texture and style, but here it happens with complete mastery.

Boy-Coy

boycoy

Boy-Coy takes the showcase back into the more traditional areas of minimalism, allowing expansive amounts of whitespace within the design. However, what brings it into this context with ease, is the powerful deep red background color that pours across the whitespace almost challenging the viewer visually, speaking boldly to the passion behind the brand.

Colour Rich

colourrich

Colour Rich does leave its elements plenty of room to stretch out, but with the large header filled with a variety of fonts and stylishly complimentary images the design slides into this territory. Following that are the bold headlines that take command of the user's eyes and lead them down through the content keeping them from swimming through the whitespace.

Postable

postable

Postable's textured background that fills the whitespace, along with the alternating colors across the top of the page, gives the site a cohesive feel adding a finite and limited feel. This paper-eque design calls to mind envelopes and their confined space, releasing the eyes to focus strictly on the content presented, and not giving them cause to wander.

Kick My Habits

kickmyhabits

Kick My Habits once again uses a bold and daring dark color to fill the whitespace working with the design's overall tone and centered focus. Though the color filled illustrative design 'foot'er does attract attention, standing in stark contrast to the deep purple background, the small text paragraph intro does well holding its own and keeping the focus on the mission of the site.

RIT Online

ritonline

RIT Online (Rochester Institute of Technology) is another example of diving into a large cross-screen image below the header which gives the site less of a minimal feel, even though its ornamentation and superfluous elements are scaled way back. In the header area they once again employ light typographical navigation to add the sleek, open feel above the aforementioned image.

12 Spokes

12spokes

12 Spokes has a fantastic design whose ever-so-softly pink stained background full of whitespace compliments the hot pink highlights throughout the site pitch perfectly. Visually creating a unity that grabs hold of the user's focus and guides them through the content with intentional precision. Keeping the user's attention completely off of the whitespace surrounding them.

Top Web Hosting

twhosting

Top Web Hosting is another site that while providing plenty of whitespace that feels visually open and lets the other elements breath, still uses what bare elements they employ very bold and very big. With large typography sections that spread across the design with such reach, coupled with and seemingly pressing against soft, but sizeable images, the site feels very tight while still being very loose.

Master Plunger

masterplunger

Master Plunger dives back into the use of a full background image that fills the space left open by the sparse use of other elements to build the site. The active image, adding more character and story to the product featured, gives more power to the voice the design is speaking to the users through.

Resumonk

resumonk

Resumonk splits up the design into distinct sections, using large bold elements to divide and conquer the various amounts of whitespace it allows to remain. The subtle texture in the background further works to limit the feel of open whitespace, even with its repetitive nature.

Laura Berman Fortgang

lauraberman

Laura Berman Fortgang, while playing with a bit of ornamentation to bring the various elements within the design to life, the site's vast amount of whitespace stands as another example of the color filling the background completing the visual cohesiveness of the design. The light blue hues, cut with the hard reds add so much tone and depth to the site.

Tweed Barbers

tweedbarbers

Tweed Barbers boldly launches into the viewers focus, with large imagery and typography expanding across the header. Leaving the whitespace feeling less than unoccupied and open, even though the faint image does more to complete the tone than to detract from the mission and purpose driving the brand behind it.

Secretkey

secretkey

Secretkey is another finely crafted example of the deep, dark colors filling the background giving the whitespace much more purpose as part of the design than it normally has in a minimalist piece. While here it is used to actually mimic space, the whitespace is employed with light illustrative accents to texture the site and give the bolder elements more to contrast with.

Are these sites truly minimal? Which is your favorite? Let us know in the comments.

Rob Bowen

Rob Bowen is an emerging filmmaker, celebrated author/podcaster and poet, and most recently the co-founder and imaginative co-contributor of the creative design and blogging duo at the Arbenting and Dead Wings Designs.

Read Next

15 Best New Fonts, July 2024

Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…

20 Best New Websites, July 2024

Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…

Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance

WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…

Exciting New Tools for Designers, July 2024

Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…

3 Essential Design Trends, July 2024

Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…

15 Best New Fonts, June 2024

Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…

20 Best New Websites, June 2024

Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…

Exciting New Tools for Designers, June 2024

In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…

3 Essential Design Trends, June 2024

Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

How to Reduce The Carbon Footprint of Your Website

On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…