Flat design sites that work

Default avatar.
April 26, 2013
Flat design sites that work.

Whilst the term “flat design” might not be a phrase you’re yet familiar with, you will definitely have noticed the concept and the design features whilst browsing the internet.

For those of you that have noticed an increase in the “drop shadow” trend in web design, the easiest way to describe flat design is to say it’s the opposite of that. Flat design is designing a website that has left behind the drop shadow and the 3D effects, and that is by all intents and purposes flat.

Flat design looks modern, fun, fresh and refreshingly simple compared to it’s 3D counterpart. Flat design is embracing the use of solid colors, sharp, well-defined typography and bold shapes. It takes away any faff and fussiness from the design making it so much easier to digest and to navigate. It’s modern and is without a doubt going to be a huge design trend this coming year.

How can you use flat design?

For me, the top selling point of flat design is the simplicity and minimalism of it. That’s not to say you need to have a simple product or minimalist brand to use this trend to your advantage. I actually like the way this trend could modernize a relatively complex or old-fashioned niche, making the information on your site easier for readers to take in and understand.

Of course, the simplicity of flat design makes it so much easier to optimize for different devices too which is another point in its favor.

We all know that mobile browsing is on the rise, and responsive design has already addressed this rise. Flat design makes web design more scalable in a similar way, because when you design with solid colors, rather than a more image based aproach, you’re using less detail and so the information based footprint of your website becomes much smaller. This means it’s quicker to load and communicates faster with whatever platform your reader is using to view it on.

Where have you seen it before?

Flat design isn’t exactly new. You’ll actually notice that brands such as Microsoft had already embraced the trend a few years back, while other big brands such as Apple were too busy perfecting other techniques.

Looking back to 2007, a quick glance at the Microsoft Zune – and you can already see that clean, typography based interface taking shape. At the time it went relatively unnoticed, being overshadowed by bigger industry developments, but in 2013 it is definitely at the forefront of design trends.

Have you embraced flat design? Is flat design being over-used? Let us know your thoughts in the comments.

Elle-Rose Williams

Elle-Rose is a designer and Social Media expert working as the resident writer and blogger for brands like Who Is Hosting This. You can find out more about them here.

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,…