Windows 8 has arrived and the familiar look of Windows OS has completely changed with the tile-based Metro UI.
This is a big move by Microsoft as this new UI will be used in all their platforms including desktop, tablet, mobile and their website as well.
Personally, I liked the Metro UI as it fits into many aspects of the modern web design like simplicity, grid-based interfaces (good for responsive layouts) and it is consistent in every part (there is really a style guide behind it).
Although tile-based UIs is nothing new, Metro UI will definitely inspire many designers and we’ll see websites similar to it.
If you like the Metro UI and planning to create your next website with inspirations from it, here are all the resource to create Windows 8 Metro UI-like layouts:
Frameworks & Templates
Metro UI CSS is a pretty complete framework for building Metro-like websites.
It is created with LESS and has a grid system, styles for typography, tables, forms, buttons, and images
BootMetro is like a theme for Twitter Bootstrap that brings every feature of Bootstrap but with a Metro design.
It is actually some more as there are custom styles for the tiles, application bar and some other components.
Read the rest of this entry »