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 Web Design Showcase: 10 Metro Style WordPress Themes

Everest

Web design showcase metro style WordPress 2 Web Design Showcase: 10 Metro Style WordPress Themes

K-boom

Web design showcase metro style WordPress 3 Web Design Showcase: 10 Metro Style WordPress Themes

Novelti

Web design showcase metro style WordPress 4 Web Design Showcase: 10 Metro Style WordPress Themes

Metrofy

Web design showcase metro style WordPress 5 Web Design Showcase: 10 Metro Style WordPress Themes

Metro Style

Web design showcase metro style WordPress 6 Web Design Showcase: 10 Metro Style WordPress Themes

Nemo

Web design showcase metro style WordPress 7 Web Design Showcase: 10 Metro Style WordPress Themes

Rocket Board

Web design showcase metro style WordPress 8 Web Design Showcase: 10 Metro Style WordPress Themes

Metro Mobile

Web design showcase metro style WordPress 9 Web Design Showcase: 10 Metro Style WordPress Themes

Origin

Web design showcase metro style WordPress 10 Web Design Showcase: 10 Metro Style WordPress Themes

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.

Comments

  1. Surprised person says

    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.

    • Andra says

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

  2. says

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

    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.

Trackbacks

Leave a Reply