WINDOWS 8 DESIGN HANDBOOK

Understanding Live Tiles

A live tile is an app's representation on the Windows 8 start screen. It can be updated with new content even when the app isn't running, encouraging users to return to the app. But there are some common mistakes that are made when designing live tiles that you should be aware of.

live tiles tablet

1. FONT FAMILY

font family dont

You can't substitute Segoe UI with a custom font family.

font family do

Do use the default font family, Segoe UI.

2. FONT WRAPPING

font wrapping dont

You can't show more text than fits on the tile by changing the wrapping of the template.

font wrapping do

Do wrap text according to the layout of the template being used.

3. FONT COLOR

font color dont

You can't use multiple colors.

font color do

Do pick one color for text on your live tile.

4. FONT SIZE

font size dont

You can't use font sizes other than the defaults.

font size do

Do stick with the template's default font size.

5. FONT WEIGHT

font weight dont

You can't customize your tile with different font weights.

font weight do

Do use plain text.

6. PEEK OPACITY

peek opacity dont

You can't use a transparent background.

peek opacity do

Do use an opaque background for your tile's peek.

7. BRANDING

branding dont

Don't include your app's branding (name or icon) in the lower left corner if it's already featured in the tile.

branding do

Do feel free to include both your app's name and icon in its live tile.

8. ICON SIZE

icon size dont

You can't use a larger icon size, even if the layout of your file has room for it.

icon size do

Do stick with a default icon size of 30x30 pixels.

9. TILE LAYOUT

tile layout dont

You can't create your own custom templates by modifying elements of the existing ones.

tile layout do

Do stick with the live tile templates provided in Windows 8.

10. OPPORTUNITIES FOR LIVE TILES

opportunities for live tiles dont

Don't miss out on opportunities to bring users back to your app by only providing a single default tile.

opportunities for live tiles do

Do create beautiful live tiles that make sense for your app.