Elements Design: Free Responsive Wireframes
UI: Chiclet UI Kit PSD

Typography: Metrize Icons


From Wikipedia: ``Metro is an internal code name of a typography-based design language created by Microsoft, originally for use in Windows Phone. A key design principle of Metro is better focus on the content of applications, relying more on typography and less on graphics ("content before chrome"). Early uses of the Metro principles began as early as Microsoft Encarta 95 and MSN 2.0, and later evolved into Windows Media Center and Zune. Later the principles of Metro were included in Windows Phone, Microsoft's website, the Xbox 360 dashboard update, and Windows 8.

Microsoft designed the design language specifically to consolidate groups of common tasks to speed up usage. It achieves this by excluding superfluous graphics and instead relying on the actual content to function as the main UI. The resulting interfaces favour larger hubs over smaller buttons and often feature laterally scrolling canvases. Page titles are usually large and consequently also take advantage of lateral scrolling.


Resource Typography: Metrize Icons

Resource Typography: Metrize Icons

Metrize Icons is a free icon set, it works perfectly for your apps or web projects. You may use these icons for both commercial and personal projects and customize them any way you like.

by Alessio Atzeni.

Easy to customise for your own design!

demo metrize icons
demo metrize icons by class names

Tags: metro, icons, web metro, design, interface, elements, ai, psd, svg, web-fonts, webfonts, web, metro style

Leave a Comment

No Comment

© Creative3x Ltd.