Examples of Flat Web Design

A couple of weeks back, we talked about the flat design aesthetic. Just in case you missed it, here is how we described flat design, “Flat design means designing without the usual gradients, pixel perfect shadows, and skeuomorphism that’s been rampant in recent years to achieve what appears to be a ‘flat’ interface.”

And yes, just in case you haven’t yet jumped onto the flat web design bandwagon, today we have put together 20 awesome examples (plus some Dribbble shots) that illustrate beautifully the concept of ‘flat’ in web design.

Microsoft

Microsoft as an example of flat web design

SpellTower

SpellTower as an example of flat web design

Supereight Studio

Supereight Studio as an example of as an example of flat design

Hundreds

examples web design flat Hundreds

Women and Tech

examples web design flat Women and Tech

Etch

examples web design flat Etch

Build 2012

examples web design flat Build 2012

LayerVault

LayerVault as an example of flat web design

Squarespace

Squarespace as an example of as an example of flat design

FHOKE

examples web design flat FHOKE

Combadi

examples web design flat Combadi

Buffalo

examples web design flat Buffalo

2012 Year on Twitter

examples web design flat 2012 Year on Twitter

Voice and Tone

Voice and Tone as an example of flat web design

The Next Web

examples web design flat The Next Web

…some ‘Flat’ Dribbble shots…

Flat Dashboard

Flat Dashboard

Subnav Ideas

Subnav Ideas as an example of as an example of flat design

Jobs Page

Jobs Page as an example of flat web design

Podcasts

Podcasts as an example of flat web design

Flat Colours

Flat Colours as an example of as an example of flat design

Instawidget

examples web design flat Instawidget

Sidebar

Sidebar as an example of flat web design

Minimal Dashboard

Minimal Dashboard as an example of flat web design

For some more Dribbble examples click here: Flat Design on Dribbble.
Or, you could check out ‘Flat Design’ on PatternTap.

More on Flat Design…

What Skeuomorphism Is (And Isn’t)
Skeuomorph on Wikipedia
The Flat Design Era
On the “flat design” aesthetic
Is “Flat” UI design better?
The Flat Design Era – Discussion on Hacker News
The Flat Design Aesthetic on Hacker News

Author: (857 Posts)

This post has been written by the team here at Speckyboy Design Magazine.

Comments