Flip Tile template design guidelines for Windows Phone

[ This article is for Windows Phone 8 developers. If you’re developing for Windows 10, see the latest documentation. ]

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

Note

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.

• Flip Tile design guidelines
• Flip Tile character count info
• Creating and updating a flip Tile

Flip Tile design guidelines

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.

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

Flip Tile character count info

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.

Creating and updating a flip Tile

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

• Flip Tile template for Windows Phone 8

• Windows Phone OS 7.1 Tile template