Photoshop and Illustrator Templates for Blueprint CSS Framework

blueprint grid illustrator comp

As you may know, several months ago, I created an Adobe Photoshop template for creating comps that work with Olav Bjorkoy's Blueprint CSS Framework. Today I'm also adding an Illustrator template to my Resources section and I have updated the Photoshop template to include horizontal guides.

Both templates are simply documents with guides based on the 24 units provided by Blueprint. The background image of the grid is also provided with a layer to show unit numbers if you like, and the Illustrator document shows a fake comp to demonstrate positioning on the grid.

You may download the templates here:

I welcome your feedback.

Comments

01 M. Koren
03/15/08 @ 10:19

Excellent work. Thanks for sharing!

02 Roxx
03/18/08 @ 03:11

But I have already wanted to say good bye "horizontal guides"! Thenks for your work

Advertisement
03 SEO G
05/19/08 @ 02:39

Great stuff here, really appreciate the grid, I know this is going to make a lot of designers happier!

04 AlfredN
05/19/08 @ 20:38

Thanks for sharing mate, very cool stuff. I may use some of these soon ^^.

05 Plastkort
06/04/08 @ 21:05

Great job on the templates and thanks for sharing!

06 Au Pair
06/09/08 @ 03:40

Very usefull template, it inspired me a lot.

07 Marc Menell
06/15/08 @ 05:33

Excellent template, thanks for sharing

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <b> <strong> <dd> <dl> <dt> <i> <li> <ol> <u> <ul> <code> <blockquote>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options