Create

General Guidelines

First, make sure to read Apple's official iPhone guidelines. When developing a widget, you probably want to set the viewport to the iPhone screen width and prevent scaling: 

<meta name="viewport" content="width=320" />
<meta name="viewport" content="user-scalable=no" />

Icon Guidelines

While there is no official or established standard for iPhone widget icons yet, we tried our best to match the look and size of Apple's original icons.

Gridgets expects 64x64 pixels sized images. We recommend to save them as PNG with alpha channel. The icon itself should only occupy 58x58 pixels (excluding shadows).

If you like, you can download a simple Photoshop template and start from there.

Icon Template

Resources