Windows Phone 7 Design Resources – UI Guide and Design Templates

With the Windows Phone Developer Tools in beta and Windows Phone 7 in technical preview, now is the time to build Windows Phone 7 apps in earnest, and we have refreshed our Design Resources for developers and designers to help you build beautiful apps.

The UI Design and Interaction Guide for Windows Phone 7 v2.0 has been updated for beta. With additional information and a new layout we hope you will find more readable, this guide provides detailed information about UI elements and controls, UI system behaviours, and the interaction model for the touch interface based on the design system codenamed “Metro”. Designers and developers should read this guide to learn about the dos and don’ts of UI implementations for their Windows Phone applications.

The Design Templates for Windows Phone 7 are a collection of 28 layered Photoshop template files and system fonts that can be used to create pixel-perfect application layouts, to help guide UI development, or to pitch an idea. These design templates showcase many controls that are a part of the Windows Phone Developer Tools Beta. They also include examples of controls that are a part of Windows Phone, but are not available as a part of the Windows Phone Developer Tools.

Let us know what you think. If you have suggestions or feedback about these design resources, please email the team at

WP7 UI Guide v2.0 is now available:

Photoshop Design Templates for WP7 to mockup apps:

Digg This