34 Flat Website Layouts for Design Inspiration

The flat metro-style design trend has only been active within the community for a couple of years. The original designs started with Microsoft and have grown in complexity ever since. Specifically I have noticed a lot of designers working with flat CSS3 buttons, links, icons, and other UI features.

I want to dedicate this showcase towards flat website interfaces. The gallery includes 34 examples of the best flat websites. These are host to blogs, businesses, portfolios, and dozens of other styles as well. You can apply flat design techniques onto any layout because the patterns are so basic. Take a look at some of my examples examples and you will pick up new ideas pretty quickly.


flat website layout design interface


oakis website layout startup design

Future Insights Live 2013

future insights conference website flat metro


flat website buttons inspiration entypokit

January Creative

just creative january website interface layout


true digital agency website flat layout

Chris Lee

chris lee portfolio website layout

Supereight Studio

supereight studio portfolio website background flat


pixel plant website flat interface features


flat metro website style interface fitbit


flat startup website layout interface homepage


benetton website layout interface webdesign

Peter Lewis Flooring

interface peter lewis flooring website flat

Gently Mad Podcast

gently mad website layout interface webdesign

2012 Year on Twitter

twitter 2012 website year flat metro styles


startup invoisse landing page website inspiration


metrotwit desktop software webapp website


mobile development studio etch apps ios

Server Talk

server talk flat website forum interface


windows rumors blog magazine online website


ios ipad game app website landing page


ios ipad app spelltower game landing website

Ivo Mynttinen

portfolio website layout flat interface

Peter Figasinski

illustrator graphics website portfolio interface

Nico Garcia

nico garcia user interface designer portfolio


camayak organized website landing page startup flat elements

Jake Giltsoff

web ui ux designer portfolio flat website

Sam Holmes

personal athletic website sam holmes

Lorenzo Verzini

Lorenzo Verzini websiute flat interface designs

It’s a Shape Christmas

metro square flat website interface design


design agency studio awkward madebyawkward

Float Design

float website design interface layout

Build 2012

build windows conference 2012 website

Crafting Type

logo branding flat metro website interface crafting

Jake is a researcher and writer on many design & digital art websites. He frequently writes on topics including UX design, content marketing, and project management. You can find more work on his portfolio and follow his latest tweets @jakerocheleau.

Leave a Reply

Your email address will not be published. Required fields are marked *

DesignMag has acquired BrillThemes.com