Facebook App 760px/12-Col Design Grid (Fireworks/PNG)

September 26, 2010

Facebook App Design Grid

Apologies for the lack of updates recently; we’re spending every waking hour on project work, so have had little time for writing and sharing (and replying to emails/comments – sorry if you’re still waiting for a response).

In the meantime, here’s something I needed to create for a Facebook game that we’re building, that’s worth sharing: a 12-column grid at the full app-width of 760px (with 45px columns with 20px margins), inside the Facebook app ‘chrome’ (menu and ad-bar). You’ll need to play around with this to get the height that you need (Facebook apps/games can be any height), but hopefully the horizontal grid should help you out if you’re starting to build an app with the Facebook iframe/canvas.

Download the Fireworks/PNG Facebook App Grid Here.

Tags: , , , , , , ,

Leave a Reply