Web Design Showcase: 10 Metro Style WordPress Themes

Web Design Showcase: 10 Metro Style WordPress Themes

What is Metro style?

Metro is a user interface created by Microsoft (much like Windows Phone, Zune and Xbox), which is meant to allow the user to interact directly with the content and have the same experience on all media formats. It achieves this by relying more on typography rather than graphic elements: “content before chrome” and has been adapted as a design style due to its clean and dynamic build.

Origins and principles

It’s inspired from Swiss graphic design (the Bauhaus Design School is known for highlighting minimalism and the desire to make form and function beautiful) and it relies heavily on 5 principles:

  • clean, light, fast, open aesthetics
  • dynamic, moving transitions and interactions
  • embrace the beauty of typography
  • content-focused interface
  • authentically digital design

News

Due to a trademark infringement on one of Microsoft retail partners, Metro AG, the term “Modern UI” replaced “Metro” for developers since August 2012. Currently, the Microsoft Developer Network documentation refers to it as “Microsoft design language” (since September 2012). During Microsoft’s Build 2012 developer conference “Microsoft design language” was also used by the company.

Now that you’re updated on all the details regarding Metro, let’s take a look at 10 inspiring WordPress themes created in this style, gathered by Brainik’s web designer Laurentiu David:

One touch

Web-design-showcase-metro-style-WordPress-1

Everest

Web-design-showcase-metro-style-WordPress-2

K-boom

Web-design-showcase-metro-style-WordPress-3

Novelti

Web-design-showcase-metro-style-WordPress-4

Metrofy

Web-design-showcase-metro-style-WordPress-5

Metro Style

Web-design-showcase-metro-style-WordPress-6

Nemo

Web-design-showcase-metro-style-WordPress-7

Rocket Board

Web-design-showcase-metro-style-WordPress-8

Metro Mobile

Web-design-showcase-metro-style-WordPress-9

Origin

Web-design-showcase-metro-style-WordPress-10

Have you used Metro style in creating a website, or have you seen one that should be in this showcase? Help us by letting us know is the comments section below.

11 Comments on “Web Design Showcase: 10 Metro Style WordPress Themes

  1. MVC is also created by M$.
    Even “entities” is created by M$.
    OS is also created by Microsoft.
    Let me.. Oh M$ has a search engine? Then google definitely IS created by Micro$oft.

    LoL, no it’s a lot if I ask search before posting something like this, just think before posting, I beg.. :(

    P.S many of these designs are mason, not metro.

    • Sorry, Surprised person, I’m not sure I understand what you think is not accurate in the article. Could you please be clearer?

  2. Fantastic Blog! I really impressed from you. I just hear about METRO STYLE but never get such wonderful information about it. I will follow it with my website design projects and make more creative and impressive designs. Your Website designs are awesome. I can say you are one that have years of experiences in this field. A big thanks for such great article.

  3. There are many hosting providers out there who would
    offer an affordable hosting package with all-inclusive features and tools.
    Please open the menu Select php – My – Admin in c – Panel database with the name (_wordpress) that you created earlier in the first step.

    You must sustain a WP blog along with your website.

Leave a Reply

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