PSSI Spot Illustrations

I took a 3 tiered approach to PSSI's iconography system. I took each icon and built them out into glyphs, icons, and spot illustrations. This is a sample of the spot illustrations created. To see the glyphs and icons you can check out my previous post.

The spot illustrations contain an existing icon which is considered the primary icon. It uses the orange gradient we used for PSSI. The secondary elements use the blue gradient. All illustrations sit on a stroke that is no longer than 200 px wide and had the same 3/4 circle in the background for consistency. The spot illustrations also use a 3 pt stroke like the icons.