Illustrator Template for Blueprint CSS Comps

blueprint grid illustrator comp

Last updated: 12 March 2008

I created an Adobe Illustrator template for creating comps that work with Olav Bjorkoy's Blueprint CSS Framework.

The Illustrator template is simply a document with guides based on the 24 units provided by Blueprint. A layer is provided to show unit numbers if you like, and 2 layers showing the grid dividing into thirds and quarters (thanks to Phil for that). Additionally there is a page wireframe included to demonstrate the template's use. Enjoy!

Download the Illustrator File

See also the Photoshop Template for Blueprint

Comments

01 stevex
03/13/08 @ 07:49

Thankyou, this will be useful, and save some time - much appreciated.

02 Robert
03/14/08 @ 06:53

Great thanks. This saves me a lot of designing time.

Advertisement
03 Anonymous
03/22/08 @ 15:13

Thankyou

04 Sunhome
03/24/08 @ 18:40

Can't seem to open this AI file (using Corel Draw X3). Could this file be saved in another format (pdf, svg, or even a previous version of Illustrator)?

SVG would open this up to inkscape users, thanks for considering.

James

05 jibbajabba
03/25/08 @ 08:05

Sunhome: This is an Illustrator CS3 file. Have you tried to use the Photoshop file?

Advertisement
06 Picoulet
04/11/08 @ 12:18

Thanks a million! I was just about to make one myself, but decided to google first ;)

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