“These themes are hand-picked for their outstanding design quality, features, and customer reviews.”
Looking for a cool, metro-style WordPress theme?
The flat boxy style was introduced by Microsoft Windows 8 and while the interface got mixed reviews from users, many of the aesthetic elements made their way onto the web.
The themes featured here get their style cues from this metro style design. While not always adhering 100% to the design language set forth by Microsoft, you’ll find that they bring a similar vibe.
You may enjoy our list of material design WordPress themes too.
Metro-style WordPress themes
The themes below are all modern and fully responsive. That means they look just as good on laptops as smartphones and tablets.Here are my top picks for best metro-style WordPress themes for 2019.
1. MetroStyle by Mopc76 (Themeforest)
MetroStyle is by far the most popular theme with the metro-style design aesthetic. It nails the style by using the distinct, blocky layout and plenty of strong colors (which are all customizable).
This premium theme brands itself as an “all-purpose” theme meaning you can use it for any kind of website. However, I think it would work best for a blog, news/magazine, or portfolio website. It doesn’t have WooCommerce integration for eCommerce or bbPress for adding a forum. For those, I would recommend the Second Touch theme.
There are 25 skin presets, but you can use any colors you want with MetroStyle. In addition, customize the unique homepage slider, add shortcodes for dynamic content in posts/pages, and utilize multiple portfolio layouts to create modern image galleries.
2. Second Touch by Crumina (Themeforest)
Second Touch is a multipurpose theme you can use for virtually any kind of website. Use it for businesses, eCommerce stores, forums, and portfolio websites. It’s a great choice if you are planning on building multiple websites.
The style of this theme is simple and flat. It doesn’t use drop shadows or other skeuomorphic design elements anywhere. Instead, it sticks to color and space to divide sections and organize the site’s content. Second Touch brands itself as a metro-style design and while it does use some of the conventions, it doesn’t immediately bring that style to mind when you see it.
As a general purpose theme, Second Touch comes with a huge assortment of features. This includes multiple page layouts, bbPress and WooCommerce integration, and a complete admin options panel. There’s even a page builder for creating new custom templates.
3. MetroMag by Well Themes (Themeforest)
MetroMag has the flat, colorful style you’d expect from a metro-style WordPress theme. Its varied color palette brings each page to life and makes for a vibrant look.
This premium theme does a great job for a magazine theme. Browsing the demo, you’ll find tons of post layouts and opportunities to display different types of content. If you plan on publishing new posts frequently, this design will serve your site well.
MetroMag comes with a huge variety of customization options. These settings include unlimited color schemes, 21 custom widgets, and hundreds of fonts (powered by Google Fonts). You can easily modify the site from the extensive admin options panel.
4. Rocket Board by GoodLayers (Themeforest)
Rocket Board is a simple theme for recreating the now classic metro-style design introduced by Microsoft.
This theme stays true to the original vision of the metro style. Posts are laid out in the colorful masonry grid-style format on the homepage. Rocket Board is best used for a blog where your posts will be featured on the homepage. That said, it does it include a page builder with a drag-and-drop interface for creating new layouts.
Inside the options page, you can find plenty of settings to customize the look of your site. This includes 9 pre-defined color schemes, background textures, a custom logo uploader, six footer layouts, hundreds of fonts, and even multiple sliders.
5. Modern Magazine by Timpler (Themeforest)
Modern Magazine is an innovative theme with a horizontally scrolling design. You’ll have to visit the demo site to really understand how this works. Give it a shot!
The overall aesthetic of this theme is pretty straightforward. It’s a minimalist style that takes a few design cues from the metro design style. If you want a sophisticated and unique look for your online magazine, Modern Magazine is going to be a good choice.
This theme has been out for years and has exceptional customer reviews holding an average 4.75/5 rating. If you’re worried about setting it up, it comes with some helpful tools. You’ll get access to a file with the download data from the demo site and Modern Magazine includes a special importer that allows you to quickly import this data. That means you can immediately set up your site to look just like the demo site featured in the screenshot above.
Didn’t find a theme you like?
Divi is the most flexible theme ever made. Try it for your website today!Try Divi Now
Which metro-style theme is best for you?
Lastly, if you want a blog with a distinct metro-style layout, you can’t beat Rocket Board. This customizable theme has perhaps the closest looking layout to the initial Windows 8 design released.
“I used Bluehost to host my first WordPress site back in 2010 and I still recommend them today.
Bluehost auto-creates your WordPress site for you and lets you register your first domain for free.
If you want to try Bluehost for your site, use the button below to get our special partner discount.”
Ben Sibley, Compete Themes founder