Metro is an internal code name for a typography-based design language created by Microsoft, originally for use in Windows Phone 7. 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. 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”).

The picture is 100% scalable, also looks great on mobile devices too.

Some quotes:

The Metro design language was designed specifically to consolidate groups of common tasks to speed up usage. This is accomplished by excluding superfluous graphics and instead relying on the actual content to also 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.

A h1 title tag

A h2 title tag

A h3 title tag

A h4 title tag

A h5 title tag

And we can include some code lines too:

$metro = 'Metro version 2.0';
echo 'Welcome '.$metro;

And even more…