<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>99 monsters &#187; Digital</title>
	<atom:link href="http://99monsters.com/category/digital/feed/" rel="self" type="application/rss+xml" />
	<link>http://99monsters.com</link>
	<description></description>
	<lastBuildDate>Tue, 02 Feb 2010 06:05:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Burning Man Galleries</title>
		<link>http://99monsters.com/2009/11/burning-man-galleries/</link>
		<comments>http://99monsters.com/2009/11/burning-man-galleries/#comments</comments>
		<pubDate>Sun, 29 Nov 2009 03:55:40 +0000</pubDate>
		<dc:creator>Calliope</dc:creator>
				<category><![CDATA[Burning Man]]></category>
		<category><![CDATA[Digital]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=85</guid>
		<description><![CDATA[Currently still in the design and development phase, the Galleries use Plone 3.0 as a CMS, and a customized version of Plone4Artists. These design templates build on some of the interface design choices made for the Burning Blog, such as adding more white space to the page and carrying over the smoke/grey toned colour scheme.

A [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://99monsters.com/2009/11/burning-man-galleries/"><img class="alignleft size-full wp-image-220" title="galleries mockups for homepage " src="http://99monsters.com/wp-content/uploads/2009/11/thumb-galleries.jpg" alt="" width="100" height="100" /></a>Currently still in the design and development phase, the Galleries use Plone 3.0 as a CMS, and a customized version of Plone4Artists. These design templates build on some of the interface design choices made for the Burning Blog, such as adding more white space to the page and carrying over the smoke/grey toned colour scheme.</p>
<p><span id="more-85"></span></p>
<p>A wider content area has been integrated into the page layout under the narrower existing main navigation. The challenge with these gallery pages is to keep them as simple and usable as possible, given that there are multiple levels of site navigation that are required to be visible at one time.</p>
<div id="attachment_114" class="wp-caption alignnone" style="width: 590px"><img class="size-full wp-image-114" title="gallery-home" src="http://99monsters.com/wp-content/uploads/2009/11/gallery-home.jpg" alt="Photoshop template of home page." width="580" height="610" /><p class="wp-caption-text">Photoshop template of home page.</p></div>
<div id="attachment_116" class="wp-caption alignnone" style="width: 590px"><img class="size-full wp-image-116" title="single-gallery" src="http://99monsters.com/wp-content/uploads/2009/11/single-gallery.jpg" alt="Single item view photoshop template." width="580" height="520" /><p class="wp-caption-text">Single item view photoshop template.</p></div>
<p>The Galleries collections allow for multiple media types searchable by type, category and contributor. Single item views show expanded meta information.</p>
]]></content:encoded>
			<wfw:commentRss>http://99monsters.com/2009/11/burning-man-galleries/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typographic Calendars</title>
		<link>http://99monsters.com/2008/11/typographic-calendars/</link>
		<comments>http://99monsters.com/2008/11/typographic-calendars/#comments</comments>
		<pubDate>Sun, 02 Nov 2008 02:31:12 +0000</pubDate>
		<dc:creator>Calliope</dc:creator>
				<category><![CDATA[Digital]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=38</guid>
		<description><![CDATA[During 2007 FontShop showcased new type family releases in monthly calendars. I designed the calendars for June, September and November of that year. For each calendar, the purpose was to show the range of the typeface being showcased and the unique glyphs and letterforms inherent within that typeface.
&#160;




Pairing each typeface with photos from fStop&#8217;s stock [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://99monsters.com/2008/11/typographic-calendars/"><img class="alignleft size-full wp-image-199" title="a reminder for the bears" src="http://99monsters.com/wp-content/uploads/2008/11/thumb-calendar.jpg" alt="" width="100" height="100" /></a>During 2007 FontShop showcased new type family releases in monthly calendars. I designed the calendars for June, September and November of that year. For each calendar, the purpose was to show the range of the typeface being showcased and the unique glyphs and letterforms inherent within that typeface.</p>
<p>&nbsp;</p>
<p><span id="more-38"></span></p>
<p><img class="alignnone size-full wp-image-155" title="june_2007_1920" src="http://99monsters.com/wp-content/uploads/2009/11/june_2007_1920.jpg" alt="june_2007_1920" width="620" height="388" /></p>
<p><img class="alignnone size-full wp-image-156" title="september_1920_1200" src="http://99monsters.com/wp-content/uploads/2009/11/september_1920_1200.jpg" alt="september_1920_1200" width="620" height="388" /></p>
<p><img class="alignnone size-full wp-image-157" title="bear_month_1900" src="http://99monsters.com/wp-content/uploads/2009/11/bear_month_1900.jpg" alt="bear_month_1900" width="620" height="388" /></p>
<p>Pairing each typeface with photos from fStop&#8217;s stock photography library brought out the individual nature of the fonts. The animal photos added a sense of play and surreality, curved lines in the calendars echoed the curves of bellies and claws.</p>
<p>The calendars are available in the FontShop archives:<br />
<a href="http://fontfeed.com/archives/2007-fontshop-calendar/" target="_blank">June 2007</a><br />
<a href="http://fontfeed.com/archives/2007-fontshop-calendar-september/" target="_blank">September 2007</a><br />
<a href="http://fontfeed.com/archives/2007-fontshop-calendar-november/" target="_blank">November 2007</a></p>
]]></content:encoded>
			<wfw:commentRss>http://99monsters.com/2008/11/typographic-calendars/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Richmond Fruit Tree Project</title>
		<link>http://99monsters.com/2008/05/richmond-fruit-tree-project/</link>
		<comments>http://99monsters.com/2008/05/richmond-fruit-tree-project/#comments</comments>
		<pubDate>Tue, 06 May 2008 05:08:05 +0000</pubDate>
		<dc:creator>Calliope</dc:creator>
				<category><![CDATA[Digital]]></category>
		<category><![CDATA[Identity]]></category>
		<category><![CDATA[Print]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=91</guid>
		<description><![CDATA[This project involved the creation of a logo, a website and a print brochure. For the logo, photographs were selected from the project orchard and farm galleries to find an archetypal tree and field. Those elements were turned into stylized vectors, and soft gradients added to bring in light and color.
&#160;

The website uses woodcut illustrations [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://99monsters.com/2008/05/richmond-fruit-tree-project/"><img class="alignleft size-full wp-image-213" title="close-up of RFTSP logo" src="http://99monsters.com/wp-content/uploads/2008/05/thumb-fruittree.jpg" alt="" width="100" height="100" /></a>This project involved the creation of a logo, a <a href="http://www.richmondfruittree.com" target="_blank">website</a> and a print brochure. For the logo, photographs were selected from the project orchard and farm galleries to find an archetypal tree and field. Those elements were turned into stylized vectors, and soft gradients added to bring in light and color.</p>
<p>&nbsp;</p>
<p><span id="more-91"></span></p>
<div id="attachment_149" class="wp-caption alignnone" style="width: 310px"><img class="size-full wp-image-149" title="fruittreehome" src="http://99monsters.com/wp-content/uploads/2008/05/fruittreehome.jpg" alt="fruittreehome" width="300" height="409" /><p class="wp-caption-text">Screen capture of home page.</p></div>
<div id="attachment_151" class="wp-caption alignnone" style="width: 310px"><img class="size-full wp-image-151 " title="fruittree-projects" src="http://99monsters.com/wp-content/uploads/2008/05/fruittree-projects.jpg" alt="Screenshot of projects page. " width="300" height="409" /><p class="wp-caption-text">Screen capture of projects page. </p></div>
<p>The website uses woodcut illustrations of fruit trees at the top and bottom and similar soft gradients as the logo in the background, repeating the feeling of sky behind the web content.Lots of white space for photographs illustrate the activities at the farm. The overall look and feel is rustic and simple.</p>
<p>The brochure is 11 x 17 folded in half, and in black and white. It&#8217;s easy to update yearly and print for very low cost, important factors for a non-profit with limited resources.</p>
<div id="attachment_152" class="wp-caption alignnone" style="width: 203px"><img class="size-full wp-image-152" title="colour_rftsp_logo_flat_oneinch" src="http://99monsters.com/wp-content/uploads/2008/05/colour_rftsp_logo_flat_oneinch.jpg" alt="Project logo." width="193" height="362" /><p class="wp-caption-text">Project logo.</p></div>
<div id="attachment_153" class="wp-caption alignnone" style="width: 340px"><img class="size-full wp-image-153" title="brochure_rftsp_09-1" src="http://99monsters.com/wp-content/uploads/2008/05/brochure_rftsp_09-1.jpg" alt="Cover of Sharing Farm brochure." width="330" height="362" /><p class="wp-caption-text">Cover of Sharing Farm brochure.</p></div>
]]></content:encoded>
			<wfw:commentRss>http://99monsters.com/2008/05/richmond-fruit-tree-project/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Burning Blog</title>
		<link>http://99monsters.com/2008/05/the-burning-blog/</link>
		<comments>http://99monsters.com/2008/05/the-burning-blog/#comments</comments>
		<pubDate>Sun, 04 May 2008 04:51:17 +0000</pubDate>
		<dc:creator>Calliope</dc:creator>
				<category><![CDATA[Burning Man]]></category>
		<category><![CDATA[Digital]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=83</guid>
		<description><![CDATA[The Burning Blog is a collation of previous blogs from sub-sections of the main Burning Man site. I designed and implemented a custom Wordpress theme for this blog. I integrated some subtle design and layout changes to differ it from the look and feel of the main Burning Man site, allowing the main content to [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://99monsters.com/2008/05/the-burning-blog/"><img class="alignleft size-full wp-image-229" title="close-up of burning blog header" src="http://99monsters.com/wp-content/uploads/2008/05/thumb-burnblog.jpg" alt="" width="100" height="100" /></a>The <a href="http://blog.burningman.com" target="_blank">Burning Blog</a> is a collation of previous blogs from sub-sections of the main Burning Man site. I designed and implemented a custom Wordpress theme for this blog. I integrated some subtle design and layout changes to differ it from the look and feel of the main Burning Man site, allowing the main content to breathe and increasing readability.</p>
<p><span id="more-83"></span></p>
<p>I implemented a few subtle design changes to separate the blog from the look and feel of the main site. I changed the body font for increased readability. I added more white space to define main content areas and let the content breathe, and created a unique color scheme of smoke and gray tones not used by other sections of the site. Retaining the iconic flame motifs from the rest of the site, I used small flames in the side bar and button graphics.</p>
<p>The blog successfully repeats the major design elements of the new site while feeling like a distinct entity. Repeating the visual language is key to consistency and authenticity of voice.</p>
<div id="attachment_118" class="wp-caption alignnone" style="width: 590px"><img class="size-full wp-image-118" title="bblog-1" src="http://99monsters.com/wp-content/uploads/2009/11/bblog-1.jpg" alt="Screen capture of blog homepage." width="580" height="475" /><p class="wp-caption-text">Screen capture of blog homepage.</p></div>
]]></content:encoded>
			<wfw:commentRss>http://99monsters.com/2008/05/the-burning-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Newsletter Type Specimens</title>
		<link>http://99monsters.com/2007/12/newsletter-type-specimens/</link>
		<comments>http://99monsters.com/2007/12/newsletter-type-specimens/#comments</comments>
		<pubDate>Sun, 16 Dec 2007 03:01:54 +0000</pubDate>
		<dc:creator>Calliope</dc:creator>
				<category><![CDATA[Digital]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=56</guid>
		<description><![CDATA[FontShop publishes email newsletters on a bi-monthly basis. Each newsletter featured either new releases, previous type face releases now available in OpenType, FontShop website updates and other related information. I was responsible for designing the type specimens and headers for each newsletter, then coding HTML and email versions for the 90,000+ member mailing list.
The challenge [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://99monsters.com/2007/12/newsletter-type-specimens/"><img class="alignleft size-full wp-image-206" title="close-up of newsletter artwork" src="http://99monsters.com/wp-content/uploads/2007/12/thumb-type-spec.jpg" alt="" width="100" height="100" /></a>FontShop publishes email newsletters on a bi-monthly basis. Each newsletter featured either new releases, previous type face releases now available in OpenType, FontShop website updates and other related information. I was responsible for designing the type specimens and headers for each newsletter, then coding HTML and email versions for the 90,000+ member mailing list.</p>
<p>The challenge was to concisely convey the versatility and appeal of the typefaces in a three or four-line specimen. Display fonts were allowed one or two lines.</p>
<p><span id="more-56"></span></p>
<div id="attachment_161" class="wp-caption alignnone" style="width: 590px"><img class="size-full wp-image-161" title="freight" src="http://99monsters.com/wp-content/uploads/2009/11/freight.gif" alt="Comparisons between weights." width="580" height="665" /><p class="wp-caption-text">Comparisons between weights.</p></div>
<p>Each specimen showed a multitude of weights and special characters. Adding a line of Spanish, French or Russian in the specimen in addition to English illustrated the diacritics for fonts with multiple language support.</p>
<div id="attachment_163" class="wp-caption alignnone" style="width: 590px"><img class="size-full wp-image-163" title="good" src="http://99monsters.com/wp-content/uploads/2009/11/good.gif" alt="Multiple languages demonstrated." width="580" height="292" /><p class="wp-caption-text">Multiple languages demonstrated.</p></div>
<p>I designed the newsletters from May 2007 to December 2007. They are currently viewable in the <a href="http://www.fontshop.com/blog/newsletters/" target="_blank">FontShop Newsletter Archives</a>.</p>
<div id="attachment_164" class="wp-caption alignnone" style="width: 590px"><img class="size-full wp-image-164" title="identikal" src="http://99monsters.com/wp-content/uploads/2009/11/identikal.gif" alt="Linespacing and kerning essential for balance." width="580" height="464" /><p class="wp-caption-text">Linespacing and kerning essential for balance.</p></div>
]]></content:encoded>
			<wfw:commentRss>http://99monsters.com/2007/12/newsletter-type-specimens/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sorsastus</title>
		<link>http://99monsters.com/2007/01/duck-hunt/</link>
		<comments>http://99monsters.com/2007/01/duck-hunt/#comments</comments>
		<pubDate>Tue, 16 Jan 2007 05:14:29 +0000</pubDate>
		<dc:creator>Calliope</dc:creator>
				<category><![CDATA[Digital]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=98</guid>
		<description><![CDATA[The N-Gage Developer Department in Vancouver approached me to design animal characters and title screens for a game that would demonstrate their gaming API. Because this was a demo version, I had a lot of flexibility to design the animal characters.
&#160;


I designed three animal characters for this game, an owl, duck and rabbit. The game [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://99monsters.com/2007/01/duck-hunt/"><img class="alignleft size-full wp-image-235" title="the little owl" src="http://99monsters.com/wp-content/uploads/2007/01/thumb-owl.jpg" alt="" width="100" height="100" /></a>The N-Gage Developer Department in Vancouver approached me to design animal characters and title screens for a game that would demonstrate their gaming API. Because this was a demo version, I had a lot of flexibility to design the animal characters.</p>
<p>&nbsp;</p>
<p><span id="more-98"></span></p>
<p><img class="alignnone size-full wp-image-141" title="sorsastus" src="http://99monsters.com/wp-content/uploads/2007/01/sorsastus.gif" alt="sorsastus" width="620" height="200" /></p>
<p>I designed three animal characters for this game, an owl, duck and rabbit. The game had a working title of sorsastus, which means hunting in Finnish. The pattern behind the title is a reference to norwegian knitting patterns done with intarsia. Each character had an end size of 20 by 20 pixels. The game demonstrated a N-gage gaming API running on an S60/Symbian OS.</p>
]]></content:encoded>
			<wfw:commentRss>http://99monsters.com/2007/01/duck-hunt/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mustn&#8217;t Grumble</title>
		<link>http://99monsters.com/2004/11/mustnt-grumble/</link>
		<comments>http://99monsters.com/2004/11/mustnt-grumble/#comments</comments>
		<pubDate>Sat, 13 Nov 2004 03:47:05 +0000</pubDate>
		<dc:creator>Calliope</dc:creator>
				<category><![CDATA[Craft]]></category>
		<category><![CDATA[Digital]]></category>
		<category><![CDATA[Student Work]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=69</guid>
		<description><![CDATA[A logo for one of my grad year projects. Mustn&#8217;t Grumble was a line of knitted accessories that used intarsia (a technique using multiple strands of colored yarn) to render enlarged, pixelated typefaces. I used typefaces specifically designed for flash animation.

I designed and developed an online shop in Flash to exhibit the pieces and sold [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://99monsters.com/2004/11/mustnt-grumble/"><img class="alignleft size-full wp-image-239" title="close-up of logo" src="http://99monsters.com/wp-content/uploads/2004/11/thumb-mustnt.jpg" alt="" width="100" height="100" /></a>A logo for one of my grad year projects. Mustn&#8217;t Grumble was a line of knitted accessories that used intarsia (a technique using multiple strands of colored yarn) to render enlarged, pixelated typefaces. I used typefaces specifically designed for flash animation.</p>
<p><span id="more-69"></span></p>
<p>I designed and developed an online shop in Flash to exhibit the pieces and sold wrist warmers, arm warmers, scarfs and hats. I exhibited some of these designs at the 2004 Bad Type conference at St. Bride&#8217;s Printing Library in London.</p>
<p>The typeface in this logo is based on letterforms from Unibody, one of the pixel fonts I was using in my knitting patterns. I knitted the words, then scanned and digitally traced the resulting fabric, warping it to show that it was flexible and reminiscent of the actual textile. The angry knitter is a pixelized illustration, referring to the often monotonous, frustrating labor of the craft.</p>
<div id="attachment_135" class="wp-caption alignnone" style="width: 489px"><img class="size-full wp-image-135" title="grumble_splash" src="http://99monsters.com/wp-content/uploads/2009/11/grumble_splash.gif" alt="Mustn't Grumble logo with angry knitter." width="479" height="289" /><p class="wp-caption-text">Mustn&#39;t Grumble logo with angry knitter.</p></div>
<div id="attachment_136" class="wp-caption alignnone" style="width: 310px"><img class="size-full wp-image-136" title="bad-hand" src="http://99monsters.com/wp-content/uploads/2009/11/bad-hand.jpg" alt="Pink type on black wristwarmer." width="300" height="225" /><p class="wp-caption-text">Pink type on black wristwarmer.</p></div>
<div id="attachment_137" class="wp-caption alignnone" style="width: 410px"><img class="size-full wp-image-137" title="bad-wrist" src="http://99monsters.com/wp-content/uploads/2009/11/bad-wrist.jpg" alt="Black type on pink arm warmer." width="400" height="225" /><p class="wp-caption-text">Black type on pink arm warmer.</p></div>
]]></content:encoded>
			<wfw:commentRss>http://99monsters.com/2004/11/mustnt-grumble/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
