10 Designs Inspired by Microsoft’s Metro UI
Since Microsoft first unveiled the Metro UI on Windows Phone 7, the rollout has been gradually taking place across every Microsoft product and website. It is the cornerstone of the Windows 8 interface and one of the most notable official uses of Metro UI available now is the excellent implementation on the Xbox 360 dashboard. The new design language has been a refreshing sign that Redmond cares about fixing its messy, bloated and ageing image, and the company is following through and executing.
In the process, Metro has picked up a lot of fans in the design community. As Microsoft rolls out its own designs using the Metro UI design language — some of which are included here — others are following suit. We’ve included ten sites for your inspiration that have a Metro-inspired look in some way. For most, the grid of tiles is Metro’s identifiable trait, but we look at sites inspired by other important aspects of the system such as type, imagery selection and iconography.
Xbox
Up Magazine
January Creative
Winrumors
My Kind of Phone
Windows Phone
MetroTwit
Chrome Web Store
The Verge
Touchality
Grab the Feed
The Verge? really?
Well you know if it has words and squares you’re Metro. Especially if those words are inside the squares.
lol. nice explaination. but its true
I though I was the only one who thought most of the designs are squarish!
Never heard about Metro UI before, I guess I need to check what it’s all about.
You forgot benetton.com
This is actually the Swiss Design Style. Look it up.
Very nice list. I’ve visited each and really feel inspiration now!
Words and squares? Hehe, than this template is one too: http://themeforest.net/item/ecv-a-clean-usable-resume-html-template/full_screen_preview/1326455
The metrotwit are they serious? i guess it will catch on lol. There are a few nice designs will try to inc-operate them somehow.
Metrotwit is a great example. Can’t wait to see what they do with it on Windows 8.
I completely agree with you Sam Sabri. I personally think Metro twit is a great example.
I am not really sure about this windows 8. I just upgraded to windows 7 and was guted to find out there was a new one coming out!!
I just checked on Wiki about Metro UI, I did not know it was actually a typography-based design language:
http://en.wikipedia.org/wiki/Metro_%28design_language%29
I just hope they won’t make a Metro home, pro and others…it is quiet annoying to have multiple versions of windows each time, why not create a “one for all” OS?
Ben