20 Great Examples of the Flat Trend in Web Design

Read the full post

I only recently heard about the term “Flat design”, but I’ve definitely noticed lots of website and interface designs springing up with this design style. Flat design is a label the community has adopted for designs leaving behind drop shadows, subtle textures and gradients in favour of solid colours, clean layouts and sharp typography, somewhat similar to the design of Windows 8 and the Metro UI. This post showcases 20 great website designs that all exhibit popular traits of the flat design trend.


View the full website design

It’s a Shape Christmas

View the full website design


View the full website design

Lorenzo Verzini

View the full website design

View the full website design


View the full website design

The Gently Mad Podcast

View the full website design


View the full website design


View the full website design

Data Driven London

View the full website design


View the full website design

Crafting Type

View the full website design

Friends of the Web

View the full website design

Alan Horne

View the full website design


View the full website design


View the full website design

Windows Phone

View the full website design


View the full website design


View the full website design

United Pixelworkers

View the full website design

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • stuart

    love the flat trend, i love it so much I was using it last year on my own site :)

  • Louis Gubitosi

    nice collection Chris!

  • David Pearson

    Definitely a design trend im moving towards myself, so much cleaner and powerful. Nice collection of examples!

  • Michael Meininger

    I do really like this look. So simple and easy to navigate. Thanks to Windows 8 for really bringing this to the forefront.

    As always, great read Mr. Spooner.

  • Gabriella

    Great! I've been told that my designs are "too flat"… I always thought they are just clean & minimalist but now I can example with this article and tell them it's a trend.

  • Sean Smyth

    One of the best examples I've seen of this is

    Lovely site. They sell bluetooth speakers.

  • Harji singh

    All these website are starting to look like this because of twitter's bootstrap, and it's ease of use. If you don't already know what bootstrap is, look it up.

    • Mariusz

      How is Bootstrap "flat"? It's gradiented all the way everywhere.

  • Andrew Harris

    Looking forward to this becoming mainstream where your average Joe client wants something workable with no frills (flying logo intro be gone!!!)

  • Jo Sturgess

    I've always been a fan of keeping things clean and simple so I'm really loving this look. Nice collection :)

  • Dave

    This trend in website design has always stood out for me. I just hope that we'd get to see more of it in the coming years!

  • Tom Bradshaw

    I think this appeals to the designer's eye. But when it comes to most clients (or a boss) its all about impact and detail – which means gradients and texture! Cool showcase though!

  • Lakshmi Mareddy

    Or you could call this trend "Surface Trend", because thats what flat trends remind me of, especially with tiles!

  • web development newcastle

    I tihnk its safe to say that Microsoft has done a lot to inspire this through its Metro interface, but at the same time it reinforces that simple design can be the most beautiful.

  • Ramy

    I’m really loving this look

  • Surge Creative

    To us flat design embraces getting back to basics. This is also reflected in the choice of colours with many designers choosing to use a smaller number of contrasting colours.

  • Jos

    Really impressed by this type of design.

    Nice collection of sites.

  • Anita

    Really nice trend, bright, rustic sometimes. Love it.