A Web Design Inspired by Windows 8 UI

October 12, 2011 Resources ,

Windows 8 is the next version of Microsoft Windows, which will be used on personal computers, including home and business desktops, laptops, netbooks, tablet PCs, servers, and media center PCs. Microsoft unveiled new Windows 8 features and improvements on September 13, 2011, day one of the BUILD developer conference. Windows 8 will contain a new user interface based on Microsoft’s design language named Metro. With the new change, the Start Menu was replaced in favor for the new Start Screen, where there are tiles that contain shortcuts to applications, Metro style applications, and updating tiles, similar to Windows Phone.

The special UI design actually inspired me to create this web design. It is clean and informative with the tiles. Therefore it is quite suitable for WordPress site because on a homepage a summary can be display with featured articles and photo gallery, etc.


This is the web design example based this Windows 8 tiles UI. Click the button below to see the real HTML demo




View Demo

We welcome any comments and discussion on this design and we are aiming to make a WordPress theme based on this too in the future.

35 Comments to “A Web Design Inspired by Windows 8 UI”

  • Martin Howes says:

    Looks great as a home page, but what would a blog post page look like?

    October 12th, 2011 at 14:49 | Reply

    • Double-J Design says:

      Thanks for the comment. A image of design is now attached but it has not been marked up yet. will do soon.

      October 12th, 2011 at 15:03 | Reply

      • Phong says:

        your site is good, I would like to put some sponsor ad spaces, please tell me your offers

        October 14th, 2011 at 15:09 | Reply

      • Phong says:

        hello Zack,

        you approved my comment, can you tell me your offers thru my email?

        Thank you very much

        October 14th, 2011 at 16:03 | Reply

  • Cathy says:

    This is cool, thanks.

    October 21st, 2011 at 15:20 | Reply

  • Metaksan says:

    I like Windows 7. Generally, if one version of windows is good, then the next is not, vice versa.

    But this time, I am pretty sure that Windows 8 will be very good!

    Lets wait and see…

    November 7th, 2011 at 00:09 | Reply

    • Double-J Design says:

      As long as they are trying for new stuff, it’s good attitude as people like new stuff. We will find out if they are good enough. To me it combines simplicity and information.

      November 7th, 2011 at 00:28 | Reply

    • Dilly says:

      The paragon of undestardning these issues is right here!

      November 22nd, 2011 at 02:07 | Reply

  • Rufus says:

    Hi,

    is there a way to get a copy of this theme? i would defiantly be interested in getting a copy is so.

    Thanks
    R

    November 21st, 2011 at 11:54 | Reply

    • Double-J Design says:

      Right now the static html is available, we haven’t converted them into WP themes. Will let you know if we do this. Thanks.

      November 24th, 2011 at 11:54 | Reply

  • Wayne says:

    I will be patientily waiting for the WP themes! ;)

    December 7th, 2011 at 05:50 | Reply

  • Athletic towels says:

    These designs are awesome!

    January 14th, 2012 at 07:16 | Reply

  • NEO says:

    Excelent Work. Can I use your metro desing and html as a starting point to make one of my own?
    thanks :D

    January 27th, 2012 at 18:10 | Reply

    • Double-J Design says:

      Yes you can, however it is better to give credit to us. Cheers,

      January 31st, 2012 at 09:09 | Reply

  • Rolf says:

    We are looking out for just this. Would it be able to use this commercially? Is it finished yet?

    February 16th, 2012 at 18:37 | Reply

    • Double-J Design says:

      This is only an example, however you can download the html code by simple saving the html and css. We will design and develop more of these in the future. Thanks

      February 16th, 2012 at 19:03 | Reply

  • jakker says:

    Es un reproductor para ver demos de Call of Duty 4.

    En él puedes ocultar el HUD, utilizar el slowmo (movimientos lentos), congelar imágenes… recordar guardar vuestra config aparte para luego jugar ESL y que el Aequitas no diga nada

    February 27th, 2012 at 19:47 | Reply

  • Herts Web Design says:

    Love the home page you’re right it is very Windows 8 and a great concept. The sub/ blog page loses a little in translation though but not too sure.

    Thoughts: Would it be too busy if you reduced the icons and maintained the overall theme by having smaller boxes beneath the sunflower icon for the parts that you do want? I think that might maintain the theme and keep it consistant. At the moment, am not quite sure but feel that it is missing just a little something.

    But am probably being a peditent as to be fair it is a great home page, and the sub page stands well on its own.

    Love the creative flair though, keep it up please :) .

    February 28th, 2012 at 11:47 | Reply

    • Double-J Design says:

      Thanks very much for you comment, we will keep trying different routes to improve this design soon. Cheers,

      February 28th, 2012 at 12:18 | Reply

  • wall321 says:

    Love the home page you’re right it is very Windows 8 and a great concept. The sub/ blog page loses a little in translation though but not too sure.Desktop Wallpaper, HD Wallpaper, Wallpaper Background
    HD Wallpaper

    March 9th, 2012 at 12:54 | Reply

  • Markus says:

    Hey dude,

    this is a great Design! :) releasedate? i Need it really :D

    March 11th, 2012 at 03:46 | Reply

  • dnvdeveloping says:

    Hi,

    I’d like to turn this static to HTML to an actual WP theme. Is that possible if I give you credit for the original design?

    Thanks.

    April 21st, 2012 at 15:38 | Reply

  • Henrik says:

    I would also like to know if this is any closer to being convert to a wp theme, it looks amazing!

    May 1st, 2012 at 18:03 | Reply

  • Juleczka28469731 says:

    Please for download

    May 14th, 2012 at 16:11 | Reply

  • Daniel Mattoso says:

    Great Idea!

    I will try to get in touch with friends who know how to develop themes for “together”, we try to develop this your idea!

    Congratulations, some themes based on Windows 8 already emerging, but the free ones are still poor layout. There are so similar to Windows 8;

    May 15th, 2012 at 02:22 | Reply

  • Don says:

    +1 to if this design has been completed into a wordpress website yet or not? Any firm release date or estimate?

    May 17th, 2012 at 00:48 | Reply

  • Sedem says:

    I will buy this theme, when ist ready for wordpress.

    June 7th, 2012 at 15:22 | Reply

  • 6sex6 says:

    Are you really in a position to make a WordPress theme from it?

    June 24th, 2012 at 16:42 | Reply

  • Shaz says:

    I took your HTML and hacked together my Windows 8 Slate blog, can’t wait to see you get your (proper) one out.

    June 25th, 2012 at 08:47 | Reply

  • Bryan says:

    Wow! What a great design! Although I’m not a fan of Windows 8 as I want to stick with Windows 7, this theme is quite great once applied on your site!

    July 30th, 2012 at 05:14 | Reply

  • christiaan says:

    when will the blog page from?

    July 30th, 2012 at 10:14 | Reply

  • Torsten says:

    Any update on the WordPress theme? Will there be one available at all?

    August 9th, 2012 at 12:53 | Reply

  • Affan Ruslan says:

    Release it as premium theme. I’m pretty sure lots of people will be interested.

    August 12th, 2012 at 00:37 | Reply

  • Dan says:

    Nice bro! What icons did you use? I would like to download them if possible?

    October 2nd, 2012 at 21:39 | Reply

  • HCQS says:

    This is a novel design, is very good. The mainstream of future it

    October 8th, 2012 at 09:25 | Reply

Leave a Reply

Your email address will not be published.