34 Flat Website Layouts for Design Inspiration

by Jake Rocheleau

on March 11, 2013

in 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.

Lowdi

flat website layout design interface

oak.is

oakis website layout startup design

Future Insights Live 2013

future insights conference website flat metro

Entypo

flat website buttons inspiration entypokit

January Creative

just creative january website interface layout

True

true digital agency website flat layout

Chris Lee

chris lee portfolio website layout

Supereight Studio

supereight studio portfolio website background flat

Pixelplant

pixel plant website flat interface features

Fitbit

flat metro website style interface fitbit

Inky

flat startup website layout interface homepage

Benetton

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

Invoisse

startup invoisse landing page website inspiration

MetroTwit

metrotwit desktop software webapp website

Etch

mobile development studio etch apps ios

Server Talk

server talk flat website forum interface

WinRumors

windows rumors blog magazine online website

Hundreds

ios ipad game app website landing page

SpellTower

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

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

Awkward

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

Powered by Shutterstock

About Jake Rocheleau

Jake is a digital researcher and writer on many popular design magazines. He frequently writes on topics including web design, user experience, mobile apps, and project management. You can find him all throughout Google and tweeting @jakerocheleau. Connect with Jake on google+