Flip Tile template design guidelines for Windows Phone

April 01, 2014

Applies to: Windows Phone 8 and Windows Phone Silverlight 8.1 | Windows Phone OS 7.1

In this topic, we’ll cover the flip Tile template in greater detail.

NoteNote:

The flip Tile template is modeled after the Windows Phone OS 7.1 Tile template, therefore the same design guidelines apply to Windows Phone 8 and Windows Phone 7.1 flip Tiles. If you’re designing a Tile for Windows Phone 7.1, the following flip Tile template guidelines apply.

This topic contains the following sections.

Because the Tile flips at a random interval, we recommend you put your most important info on the front and lighter info on the back.

The following image describes sizing information for the flip Tile template.

Flip template sizing info

For more design resources, see Icon templates for Windows Phone 8.

All character counts are approximations because Segoe WP isn’t a fixed-width font. No lines wrap on their own; you’ll have to program your own line breaks.

Tile size

Title

BackTitle

BackContent

WideBackContent

Small

NA

NA

NA

NA

Medium

19

19

3 lines at 13

NA

Wide

39

39

NA

3 lines at 27

For more info about making great looking Tiles, see Tile design guidelines for Windows Phone.

For more info about creating or updating a flip Tile, see the following topics depending on which Windows Phone version your app targets:

Show:
© 2014 Microsoft