Free graphics

I updated the OmniGraffle Web Design Template.

screenshot

This web design template for OmniGraffle Professional provides the basic layout for a design deliverable including the following master canvases: document title, section title, wireframe (portrait and landscape), storyboard, and blank. The wireframes were created at 950px wide with guides following the Blueprint CSS Grid system. Wireframes also have 2 small hairline marks around the 600px point to mark the approximate fold. Go grab it here.

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.

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

blueprint grid photoshop comp

Last updated: 12 March 2008

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

The Photoshop template is simply a document with vertical 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 Photoshop File

See also the Illustrator Template for Blueprint

I added new icons to the free set of mini icons. I'm using these in various places on this site.

2 12x12 px icons (flickr and Technorati):

2 16 x px status icons (confirm and alert):

I updated the free mini icons, adding a couple of new ones and converting all to PNG rather than GIF.

12 x 12 px icons (or smaller)

Bullets

arrow bullet smooth arrow bullet round bullet

Mini web icons 1 (grayscale)

home bubble porfolio folder globe heart info magnifying glass mail out box pen person page docs new page database databases expand contract expand contract sans-serif font serif font bar graph calendar directory directory directory

Mini web icons 2

Home Comment bubble Comment bubble Document Text Check box X box Tag Calendar Flag Magnifying glass
add remove x alert alert bookmark tag

16 x 16 px icons

System icons

confirm alert

Document types

Acrobat Excel Flash Quicktime Real Media Windows Media Word

Web services

PayPal Google UPS YouTube

I'm not really making these anymore. You might be better served by checking out these sets, which I love:

Inspired by Bullet Madness, I updated my mini icons page with the micro icons/bullets I've been using on urlgreyhot and on the spoonsacrossamerica site that I've been working on this past year (not launched yet.).

Unfortunately, the bullets I uploaded to Bullet Madness went wacky and got double posted. Also, for some reason, the transparency was lost in my info bullet. Wierd.


[View more of my stock art]

I started uploading photos to iStockPhoto last week in the hopes of earning some credits so I can download stock photography for client projects without having to pay for them. Check out my growing portfolio of amateur stock art. (Robin actually took that Tiger photo, by the way.)

I created an illustration showing a top view of a Technics 1200 MK turntable. If you ever are in need of one:

turntable
[Download EPS.]